#frontend-archived
1 messages Β· Page 86 of 1
probably not, they're text weather forecasts
but ive tried other sensors
let me try darksky temp a sec
Are you tracking that sensor with recorder?
i must be if the history graph shows when i click for more info right? or no?
no, not true
well
do you have recorder or not?
if you don't then it will track it by default
by it I mean HA
i assumed recorder was built into hass.io and was the thing that shows all the data in the history tab
it is if you don't use recorder to change how you store your data
ah ok, then it's tracking it.
I believe
you have a hass.db file in your config folder correct?
not that exact name but something like homeassistantvdb.db or something like that
yes
then you should be tracking it and it should show up when you make graphs out of it
when you look at the history, does it show line graph?
yes, just checked - its in there
oh wait, let me switch to the default theme, maybe its there all along
Ah yeah that could be it
lol thats it
Oh well!
even setting the line color seems to override it
change up that line color!
I mean, I didnt' really do anything, but you're welcome!
you tried to help and took the time, for that, cudos π
Ended up using custom:layout-card to allow for 3 vertical stacks
has button-card been updated to allow per state icons?
No
It looks like it HAS been updated to use entity icons, and covers have 2 icons based on state. will try that
nup. no cigar lol
It was always like that
didnt show an icon at all lol.
im trying every work around i can think of and this isnt working out haha
If you dont define icon it doesnt show anything tho
Then the entity you have doesnt have an entity icon
not unless you specify a device class
ooooohhh. in customize?
~images
Please use imgur or other image sharing web sites, and share the link here.
type: custom:button-card
name: Garage Door
#icon: mdi:garage
#entity: cover.house_garage_door
color: rgb(42, 204, 6)
action: service
service:
domain: cover
action: open_cover
data:
entity_id: cover.house_garage_door
/eyeroll 1 line longer that it likes lol
@primal verge
type: entity-button
entity: cover.house_garage_door
name: Garage Door
tap_action: call-service
service: cover.open_cover
...
currently I have following problem
huh?
im adding service_data now. almost done
you shouldn't need service data
you can add it but if its just going to hold the entity_id you can omit it
Ok. That pulls the icon properly
Yah, they made major upgrades when adding it as a 'real' card
still doesnt filter with double entity filter. can entity filter return 0 results?
Not sure I follow
to make the ui "Switcheroo" the button since that button only OPENS and does not close
Ah
i have a filter showing only open, and a filter showing only closed but they both show
You know, you could make a toggle or switch template for that
Can someone please tell me if I'm here in the right room? https://imgur.com/a/hgkrozU
@winter knoll is your spelling corrrect?
@tacit cave found the reason the sensor card wasnt showing, the accent color == background in the theme i had set. seems this overrides whatever you set in lovelace yaml as line color for sensor card. no idea why, but you can set it to anything and its replaced. just fyi π
good to know
The line color?
yep
@fast scroll i think so
will the option to show the max/min etc from the original go back in?
this is my sonoff.yaml
light:
- platform: mqtt
name: "Sonoff Garage Door"
command_topic: "cmnd/sonoff_garage/power"
state_topic: "stat/sonoff_garage/POWER"
qos: 1
payload_on: "ON"
payload_off: "OFF"
retain: false
you gotta find out the correct entity_id
go to the states page and look at all your lights
there are none
do you have auto update on? Heard there were breaking changes with hassio and the MQTT broker
That's about the extent I know. You should check your logs and make sure things are up to snuff
ok thanks
I see a bunch of posts iin the forums but no answers
has anyone gotten fullykiosk to load the custom:modules js?
@primal verge no issues running module type in fully. Are you using a Fire tablet. They use an older version of android web view which is not compatible. There is no way to update the web view atm.
Hi! What does this meen: "Error handling message: {'type': 'lovelace/config/card/get', 'id': 53}"
It means you are trying to edit your cards with the UI but probably dont have IDs on your cards
correct.. wont these IDs be added automatically if there is no id?
That was tried, was not all that welcomed by the users π
Next Release should include an automatic way to do this
But you have to tell it to do it.
When you try to edit a card and IDs aren't there it will prompt you with a dialog to ask if you want to migrate to be able to edit your cards in the UI
How can I use a light-entity on a picture-elements card? I want to add an icon for a light and to be able to set the light level.
@simple jolt Yes im running it on a fire tablet 7. Thats unfortunate :/
anyone use the picture-glance card with a cover entity?
for some reason it isn't showing the up/down controls, just a the icon...
Thats kind of the point of the card
Looking for some custom development help...I'm tinkering with creating a custom entity-row that could override the secondary-info text in a hui-generic-entity-row element. My challenge is that I cannot seem to access any of divs inside the hui-generic-entity-row element's shadow DOM. While debugging in the console, I can see the div element, but I cannot a cannot query it for further use. I'm just getting a started in Polymer, but have been following other custom examples. Now I'm stuck. Can a Polymer/Lovelace guru please provide some guidance? My simple prototyping code & config can be found here: https://hastebin.com/asawegurak.http
I'm using shadowRoot, and if I print the contents of the hui-generic-entity-row's shadowRoot to the console, I can see the div(s) I want.
The problem is that its not rendered yet
But I cannot programmatically access it
I'm attempting to query after the "ready" event in my custom element...do I need to wait fora different event?
if(this.card.updateComplete) {
await this.card.updateComplete;
}
This is used in the card Modder
OK...looks like updateComplete is part of LitElement....meaning I should look into porting my custom Polymer.Element over to that?
The CardModder example is interesting, but I'm operating on an entity, not a card. I went the Polymer route seeing as all other entity customzations were done that way.
So Im not 100% on this @polar kelp is better at this subject. But the Generic Row is Polymer but the card it uses may be LitElement
So you may still have to use it
But I can't find a entity customization that modifies a nested webcomponent.
Well, I appreciate the help - thanks. Will see if @polar kelp can provide some insight when available - he inspired me with his other examples!
Iβll get back to you after I feed my kids. But you need the await thing or updateComplete.after
Sounds good - much appreciated!
i assume you can do !includes in the lovelace ui as well since its still yaml?
because mines looking a bit too clustered. OCD cant handle it haha
You can but only !include not include dir
so individual files are fine but not directories of files. I can handle that
thanks ill play with it
oh yes. So nice.
Ok @icy robin the reason you can see stuff in the log but not access it is because chrome logs stuff by reference and shows whatβs there when you read the log rather than when youβre writing to it.
OK - so we do have a timing issue then
You need to wait for .updateComplete of the hui-generic-entity-row. When that resolves, the row has finished updating, and everything should exist.
.updateComplete is a property of and inplemented by the hui-generic-entity-row, so you donβt have to worry about making your thing a litElement.
OK, great - thank you! I'll try putting an await for that in my code, and see if that helpd.
So javascript er.updateComplete.then(() => { let erDiv = ... etc }) should do it.
Perfect! Thanks again. I'll give it a try.
er.updateComplete (and er.shadowRoot.updateComplete for good measure) is coming up as undefined
Is there an obvious way to modify the title of cards if set?
currently its massive left-aligned
No
@polar kelp Did a little more troubleshooting...looks like HuiGenericEntityRow extends PolymerElement, not LitElement. Best I can tell, updateComplete is a property that only exists in LitElement. If true, do you have other suggestions on how to approach this?
Oh, right.
Then I suggest you study the _cardMod function of card-modder. In there I have a loop that checks if a card has loaded yet.
It must be run asyncronously, though, but that shouldn't be a problem
You could also try calling your update function from connectedCallback() instead of ready(). I'm not sure, but that might work.
If all else fails, you can run it every time the hass setter is called, until it succeeds... but that may take several seconds or so after render.
Nice to see someone trying to do this, btw. People keep asking me for it.
Thanks, and hopefully I can help. Messing around with this is a good learning experience.
Unfortunately, it doesn't look like the shadow DOM is even initialized at the time that connectedCallback is called.
I'll look into some of your other logic and see if I can figure it out.
+Is it possible to change the caption of a sensor state? ex. from closed to something completely different?
A template sensor, perhaps?
Hi, which git repo is lovelace developed / enhanced in?
thanks, was trying to poke around to better understand some of it
The _cardMod loop logic worked! I am able to override the secondary-info text!
btw - recognize your name from the layout card, thanks for that!
Lovelace has been fun and frustrating at the same time, I see a lot of potential to a better interface but haven't quite gotten to one yet π
Is there a good directory of custom cards? I saw some sites but so far everything I've seen is pretty incomplete.
The forums are a good place to start, I think.
Yea I've found some in the forums, but its not the best way to find them all.
Most of them are there
@icy robin FYI weβll be upgrading everything to Lit eventually and that one will be pretty soon
Does anyone use the entity-filter card for anything other than glance or the default entities card?
with monster card how could I display both an entity filter and specific attributes in the same card? or is that not a possible combination?
hey, for an entity button card, is it possible to show the text of the state instead of the icon?
no
ok
wondering if anyone out there has added a background image to their theme, I have not been able to get it to work. I can add it to my lovelace config and get it to work, but I have 2 themes, light and dark with an automation and would like to have 2 different backgrounds. this works in the lovelace config
background: center / cover no-repeat url("/local/background_dark2.jpg") fixed
but not in the theme.yaml file I have, any thoughts?
Does something like picture_elements but with a dynamic (camera) background exist? So something like camera_elements.
@outer pendant add an image camera element the same size as the card as a layer to the picture elements card
@mild veldt This is what I currently have: https://paste.ubuntu.com/p/c5WrjdyXsT/
How would I do that?
Do I create a dummy image and then add the camera on top of that?
Is there a way to display the toggle button for active alerts, to allow them to be acknowledged? (it used to be like this in the old ui) https://www.evernote.com/shard/s5/sh/d64661a3-749c-447e-9368-a619f54d9882/2fb8c5c5e95ab214/res/f6987f4e-a4d3-4e99-810e-0e426387fabe/skitch.png
@outer pendant yeah use a https://www.home-assistant.io/lovelace/picture-elements/#image-element and set the z-index in style
Should really just add camera_image as an option for the background to align with glance and entity picture cards
I'll add that to my todo list π
@onyx kestrel check out monster card https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
@mild veldt I don't think there's a way for the monster card to show toggles specifically? I have alerts in a monster card and they're not showing the toggle
π€·
@mild veldt I can't find that either - my card is actually quite simple, an entity-filter on my alerts with state-filter: "on"
But the toggle is not shown unless I click on the entry
It's a difference in behaviour from old ui, now the state of the alert reads as a sensor and you have to get more info up to acknowledge. In old ui it shows up as a switch/toggle directly
ah, yeah, we don't have an alert entity row. I think that is just text row in the end
@onyx kestrel if you inspect that row, what hui type is it?
hui-text-entity-row?
hue-generic-entity-row
indeed
inside its hue-text-entity-row
Need to update that list to have the alert domain
ok
I'll check into it tonight unless you beat me to it with a PR
tested?
π¬
hey guys π if I have an entity that has a number of properties, say - the sun - whats the syntax I use? so if i want the sun i use
entities: - entity: sun.sun
but if i want the next sunset to be listed what would I use then?
ignore the spacing, its just the syntax im after π
never mind, found it!
well, thought i had. any ideas guys? π
- type: entities title: Sun show_name: false entities: - entity: sun.sun - entity: sun.sun_next_dawn
just gives entity not available
Because thats not an entity
its an attribute of an entity right?
There is no native way to show attributes on an entity
ok. cool
When do we get that? π
ok no problem π
will it ever be a feature of the entity card? seems "natural" to add the attribute to the end
@wheat current Not sure. I don't know if we will...
Well I take that back. It is now easier to do with the UI so maybe
Itll will be after we iron out a lot of the UI stuff
still a maybe
Ah :/
I think it would save the state machine not having to create a template for every attribute π
well no worries, thanks for the help, appreciate it, time to look at template sensors
I agree. We want to make as many cards as we can that will naturally show all the attributes. Like a Vacuum card for instance
Or the Thermostat Card. So it shows all the info in a nice way instead of in an entities card. Of course there is no way to do them all
Some is way better than none π
Not with that attitude π
We will get there eventually
wondering if anyone out there has added a background image to their theme, I have not been able to get it to work. I can add it to my lovelace config and get it to work, but I have 2 themes, light and dark with an automation and would like to have 2 different backgrounds. this works in the lovelace config background: center / cover no-repeat url("/local/background_dark2.jpg") fixed but not in the theme.yaml file I have, any thoughts?
@mild veldt So i tried the camera thing: https://i.imgur.com/q0ve2yW.png But it seems like it is offset
And I have no idea about how to do frontend stuff
But the change to support camera_image looks pretty straight-forward and will hopefully be in an upcoming release if you want to just wait a bit
@mild veldt It only takes a couple of seconds to change it later
@mild veldt It worked fine with that link π
π
@mild veldt You may also be able to help with another thing: https://i.imgur.com/KQcinCB.png The bar at the top here, is really 2 bars so when changing the size of the window, it sometimes seperate on the right side
@mild veldt These two generate that bar: https://paste.ubuntu.com/p/h4k5YZZBPW/
Try using transform: none
so i'm playing a bit with lovelace. Can i make a card for one room, have custom:slider-entity-row and glance inside the same card? Say i want my livingroom to have a card, and full-width sliders for the dimmable lights, and a row of buttons type glance for on/off swithces?
holy sh.., that seems like a lot of trail-and-error to achieve the wanted result (if possible). I was hoping for more like vertical stack, but tbh, i have noe idea what that card does. It seems exactly the same with or without it...
stacks are for grouping
grouping what? i want glance and entities inside one card/group.
You cant do that. The closest you can get is Thomas Lovens Column Card
wait
I swear he had a card like that but nvm
hello everyone...does anyone know if it is possible to use entity secondary info "last-changed" on a group? I have multiple presence detection entities grouped to show presence...I'd like to know WHEN presence last changed. Thanks!
@vapid field maybe this?
https://github.com/custom-cards/vertical-stack-in-card
looks like exactly what i want π thanks dude!!
np
Thanks solid. Thats it
Hi all. Is there a way we can change the color of a sensor icon based on the state?
Something like this:
sensor.lavar_roupa:
friendly_name: Maq. Roupa
icon: mdi:washing-machine
templates:
rgb_color: "if (state === 'vibration') return [#e02e1a]; else return [#1811e0];"
~format
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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
@polar kelp could I trouble you for more advice? I have a working custom entity-row element that overrides the secondary-info with an attribute value (https://hastebin.com/jolazatowu.http). However, it is just creating and overriding a hui-generic-entity-row. Ultimately, I'd like to be able to create and override any of the built-in entity rows, and I understand the logic that the entity card is currently using via create-row-element.js. But for now, I'm just trying to customize a hui-climate-entity-row. What I'm struggling with is how to programmatically create that entity row in my custom code.
If I update the template code I just linked to with a hui-climate-entity-row tag, it's content is completely empty. I also have a similar issue if I try to instantiate the same tag via createElement and call setConfig.
The contents are usually empty until its hass property has been set.
Also, I think you can find some inspiration here: https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/panels/lovelace/common/create-row-element.js
Would by template not handle that? I am passing hass.
Yes, it probably should
That's exactly what I am working off of as an example - just can't seen to create a working 'standard' row
If I use createElement instead, how do I a set hass? I see the setConfig calls, but not an example of setting hass.
Just yourelement.hass = hass
I'll try it that way - thank you.
For the fold-entity-row I cheated a bit. Instead of generating all the correct rows, I create an entities card, and pick the rows from that. That might be a solution.
ah, OK
Hey everyone. I've customised a light with a local icon using entity_picture. How do I change the icon's color depending on the color of the rgb light? The icon is a black PNG on a transparent background. I've googled, looked at the docs and forum posts and just can't seem to find out how to do it.
entity_picture? Do you mean picture-entity? In which case, there are no icons...
I'm changing the icon in the customize section like this:
customize:
light.hue_bloom_l:
entity_picture: /local/icons/bloom.png
That works and shows the icon but it doesn't change colour along with the light colour
@outer pendant https://github.com/home-assistant/home-assistant-polymer/pull/2143
We're currently in a feature freeze, so we'll see if this actual gets in or not right now π
@sudden latch
~format
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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
@fallow oak being unconcerned, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/JJYPb5qsCp/
Let me try that again...
Trying to use the conditional card to hide a card when an entity has an unknown state. In the state tables it is listed as "unknown", but this might not be the correct way of applying this?
https://hastebin.com/iyimaperax.bash
Conditional and the gauge card aren't playing nice. So it won't work currently
Too bad.... Thx!
Is anyone using the darksky weather card by chance, and have it working under 0.83? https://community.home-assistant.io/t/custom-dark-sky-animated-weather-card/59816/165
For best of the best home automations, visit my repo at https://github.com/arsaboo/homeassistant-config
@raven nacelle - you sir are the best! Thank you!
Hi! i updated from 0.82.1 to 0.83.0. When i try to open Lovelace i only get "Reload UI-Lovelace" Did not do any changes to ui-lovelace.yaml before i updated. Is there any changes i missed from 82 to 83?
refresh browser cache a few times @radiant drum
@raven nacelle yep.. that did it!
Is there anyway to customize the window that pops up when an entity is clicked, or in my case a binary sensor that monitors the status of several lights. Would like to be able to click on the binary sensor icon and see the entities being monitored
Can I include an attribute value in the title of a gauge card?
I've published an initial version of my customization that allow attributes to be displayed in the secondary info section of the entities card. Code is available here: https://github.com/MizterB/lovelace-secondaryinfo-entity-row/blob/master/secondaryinfo-entity-row.js
Thanks to @polar kelp for his guidance
It's working well for me. If folks would care to put it through some test cases, I'd appreciate it!
solid timing, may need a bit of guidance on getting it going in my setup.. but looks to be what im wanting
I put some instructions in the code - hopefully that helps
ty
@keen mantle Also, see https://github.com/thomasloven/lovelace-popup-card
@icy robin I would recommend a post to the forum to get more eyes on it and a better place for discussions surrounding it
@molten abyss no. Titles are static
@keen mantle The pop-up card has to come before the entitiy it is replacing the more-info for. Try placing it as a card ahead of card-modder card.
Like this https://pastebin.com/JXNzkBJp
i just upgraded to the new version of HA (running hass.io on a pi3). Lovelace just says "go back" in teh middle of the page. no errors in the logs. took a look through the release notes - am I missing something?
Ctrl+F5 === "have you tried turning it off and back on?"
i hit reload a bunch of times, clicked through, closed the browser etc. but yeah, didnt think of that. π³
Is there a way to add a background image to the theme config. I would like to have 2 background images one for my light theme and one for my dark theme. I have an automation to change them for day and night. I am able to add the background image to lovelace but it is static and not sure how else to make it change when the themes change. Any Ideas?
@thorny verge i should have mentioned that the card-modder has multiple elements under it, not just lights. that code above code-modder blows up the custom card entirely.
Should work, I believe it just has to be before entitity, in same view. Maybe with card-modder pop-up has to be in card-modder (don't thing so), maybe try just moving it before the entitiy you are chnging the more-info for. In your original code, you had it after.
Anyone found a good way to create a slider for a light which doesnt dim? (In the background it's a Sonoff talking MQTT) Wanna clean up my UI and the toggle switches need to go
was thinking of going the long way around creating an input slider and add automations, just wanna check if someone has a more simple way first
And now Thomas is gonna hand me the solution with his awesome plugin π
@thorny verge @keen mantle the popup-card doesn't have to be before the entity. It just has to be in the same view.
@keen mantle This: https://pastebin.com/XwFmMeM2 is all kinds of messed up. Try sketching it on paper and get a clear picture of what you're trying to do.. Because now it looks like you're trying to put two cards inside a state-icon using a property named card...
Is there a way to maybe use the notification/popup function to get a full screen (or at least big) popup when the doorbell is activated, with a live camera image and two buttons (dismiss and open (the door))
Possible: Sure. Available: No
@polar kelp agreed, reverted that change back to original to the card at least appears :-p
so*
nailed it. Put the custom-popup in front of the custom-Modder for simplicity sake and it fired right up
thanks @polar kelp and @thorny verge
@mild veldt the Shopping List card ROX!!!
would even better if in future you could add option to associate a link to it :)
nice job...
was wondering about the left side bar button off shopping list on frontend, its not having same behaviour like the LL card, you are able to change the names of items with out checking up box
Youβre saying you canβt edit without checking an item on the LL card?
You could put it in its own view or a copy of it in another view so that you could have a separate link
you correct , my bad both have same behaviour
It is possible to have a vertical-stack or horizontal-stack within an entities card?
WHat? No.
Ok would just be nice to have entities on a horizontal line similar to the glance card. Or having 2 button-cards side by side within an entities card. You can do it with the old custom-tiles ui
Happy to post examples
Kind of achieved what I was after by wrapping it all in a vertical stack card with horizontal stack for the buttons. Just gives a broken look as it doesn't appear to be on a single card although it is
Does anyone know if it is possible to add spacers in horizontal stacks? For instance, Im using two vertical stacks with a horizontal stack under each with entity buttons in the horizontal stacks. The problem is I have three buttons in one stack but only 2 in the other so the buttons are not the same size. Is there a way to add a "spacer card" so all of the buttons are the same size regardless of how many are in the stack?
Alternatively, I tested out putting blank markdown cards in the stacks and it evened everything out perfectly. But, is there a way to change the theme of only the markdown cards to make them the same color as the back ground or transparent so they are not seen?
@brittle shoal google Lovelace card-modder
@past sphinx being uncaring, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/P4MjsPkxrB/
Wow!!! Oops. Didn't know there was a limit. For anyone interested in what that's about, I'm getting a lovelace error. The error is in the link above.
All good. Worked it out. I had a custom card that I made myself, and had it on 2 different pages. Both had the exact same ID and this is what was causing the issue. Changed the ID on one of them and everything is back again. YAY!!!
π
@buoyant portal Try the custom card vertical-stack-in-card.
Thanks @subtle rune !
The frontend devs
So.. . How would I go about reporting errors, and/or offer to help correct them?
Create an issue or better a PR https://github.com/home-assistant/home-assistant-polymer
The gallery is here https://github.com/home-assistant/home-assistant-polymer/tree/dev/gallery/src
OK, I'll look at that. Thanks!
Hey guys, I've been pulling my hair out trying to get this sorted, but the default behaviour where the number of columns that cards show in is meant to be responsive and fill the window isn't functioning and will only show one column
Any information you need from me let me know and I'll get it!
Hey!
i have a (monster) card that shows all people considered home by bluetooth tracking.
I want the device_class to be "motion" however it is an input_boolean.
well rather i want it to be occupancy but its nbd
ideas?
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.
actually come to think of it, it doesn't matter because they're not in the card if they're not considered home.
maybe it does matter.
nitpick-y but it'd be nice if it was the yellow/on colour. Can i force the colour of an icon?
Can someone explain how lovelace put cards in columns? If I simply put cards in a view they appear in full width columns. But when I put cards in any stack lovelace puts cards in single column.
@broken mango you sure you don't have panel: true for your view where they are full-width?
@mild veldt yes I'm sure
cards should not be the full-width of the panel unless you specify that, care to share a snippet of your config that has this behavior?
There might be misunderstanding. Cards are not full-width of panel.
They are showing in one basic column in the middle of screen. And when I add another card in stack it show in the same colum. It half-width of column.
so you have a vertical-stack with horizon-stacks in it and adding multiple cards in the horizontal stack is creating your "half-width" cards? Is that right?
add panel: true to your view if you want to customize your layout
or you can try Thomas' card: https://github.com/thomasloven/lovelace-layout-card
I haven't tried this combination
I had vertical stack. 3 cards took full height. Adding 4th should add new column. But instead LL made half-width cards
Than I tried horizontal stack. I thought LL should put each card in new column. But LL made put two cards in one column with half width and third in another column.
Could it be the problem with light card?
I've tried Tomaths' layout card but it gives same result
Stacks are 1 card
a vertical-stack...damn, bram is too quick
So it will always stay in 1 column
i by that i mean, we're both slow π
Hehehe
If you want lovelace to divide it over the columns, don't use stacks
Thank you guys. Now it's clear
I'm on .83.1, and getting this. It just started happening, and was working before...
Unknown card type encountered: light.
{
"id": 45454354321,
"type": "light",
"entity": "light.bedroom_lamp",
"hold_action": "more-info"
}
try clearing your cache a few times @shy fiber
@mild veldt Oh.... that worked. Thanks. I'm disappointed in myself.
In lovelace it is possible to create a button which toggles between two scripts?
@near crypt you could specify one script as the entity and a separate call for hold_action
no that won't work
You can also use a input boolean. Button toggles input boolean and a automation with condition fires a script based on the on/off state of the boolean
we pass the entity id, by default in any service calls...
also tryed the shopping list? I get
Received invalid command: shopping_list/items
use @raw brook idea
ah, yes
I'll try it now
@civic sedge do you have the shopping list component setup?
Nope - Thats then maybe why
that's 100% why
Does the card show an error if thats not set up @mild veldt
Just overread it in the release notes - Thaanks !
or can the card know if its set up π€
It does not show an error. Should probably check for error on that first call. Add it to the TODO π
Dont shows an error as long as you dont get a Title
Is Lovelace what I'm going to be using to create an interactive tablet control panel for my house, or would I still want to use HA Dashboard?
you can make prittey neat ones with lovelace
@leaden vapor that's subjective
@mild veldt Ahh...well, I wonder which one is easier to setup for a tablet to be in kiosk mode???
Lovelace for shure
kiosk mode
https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931
Fully Kiosk browser app
https://play.google.com/store/apps/details?id=de.ozerov.fully
@leaden vapor I don't know that state of HAD, but LL is still evolving, so you'll likely need/want to evolve your interface with it. I think most people here will point towards LL as the best solution though, of course π
I already love the shopping card for example - Just set up a html notification wich opens url: '/shopping-list?kiosk' when you klick on it
I mean.. Wtf π€£
hi gus, i'm trying to add a button that siimply calls a notify service whats the best way to do this?
Create a entity button. Have it call the service
but i'm unsure what to put for the service data, i get required key not provided @ data['message']
Then you should add a message π
The service data is exactly the data you need to call the service
well i can send it via the gui like so
{"message" : "TEST"}
for the notify.scott_tv service
but can't seem to get the button to work, probably syntax but unsure on the issue
if you click that in your HA right menu. You will get all your service. Chose the Notify service. Then what ever data you put in the JSON. You put in the service data
service_data:
message: This is a message
your notify entity
Make it a script then
Make a script that does the service call and sends a message
Set the script as the entity id on the button
no idea how to do that, i have used HA for about 10 hours over 2 days
then you call use call service
happy to learn but not sure how
#330944238910963714 can help you there. Or you can look into the documentation https://www.home-assistant.io/docs/scripts/
ah yes the documentation π already using that for the other stuff, thanks for your help
Hey lately I've been having trouble with my custom animated weather card not loading the icons/format on mobile (chrome). It works fine on desktop and I've cleared my cache in the app, but it just looks all jumbled. The data is there, just all over the place. I can upload a photo if need be
K
Is there a way to display a value from a sensor, at a specific place? Like when placing i.e. a bulb on a house layout
In glance card it is possible to show text only (HDMI 1, HDMI 2) instead of icon for an entity?
@raw brook I want to place value from a sensor, next to a lamp-icon on my layout
Are you using a picture elements card?
What card are you trying to do this on?
You are giving no info π
Ah sorry, yes, it's a picture element card
Zac, I did, but I can't find the answer. I think it is not possible what I want: show_name: true, but hide icon. There is no show_icon option I think.
Glance card is a card meant to show icons
I was editing configuration file trough nano, all of the sudden lovelace stopped working
I don't understand why
Could not find ui-lovelace.yaml in your config dir.
I tried restarting
Should ui lovelace be in the config folder by default?
@raw brook Thanks, that seems to work π Also got the solution on how to dim a bulb using the picture element card?
Like hold down on the picture or something like that
I think I accidentally deleted lovelace yaml
There is no lovelace yaml in: /home/homeassistant/.homeassistant
@scenic elk It should be in the root of \config
I don't see it π¦
Can I download a default file from somewhere?
automations.yaml groups.yaml secrets.yaml
.cloud/ .HA_VERSION .storage/
configuration.yaml home-assistant.log tts/
customize.yaml home-assistant_v2.db .uuid
deps/ scripts.yaml
Hmm long press on android results in a menu for downloading the picture.. works great in Chrome on my desktop (picture element card with hold_action)
@raw brook Got it sort-of working with hold_action
You can call a service with that but you cant get it to dim it while holding continuously
@polar kelp may be of help with the hold action issue
Aha! I'm running 0.82.1
Gotta head to bed, the missus is calling.. thanks for the help!
Could someone upload default ui-lovelace.yml ?
There's no such thing
By default it doesn't even exist.
You're supposed to create it yourself
As seen in the docs: https://www.home-assistant.io/lovelace
General question - Is there a scrollable (left/right) card - like an entities card behaving like the top row of icons for each lovelace tab which can scroll left/right
Is anyone using a map card with icons to show where devices are?
@halcyon mantle Check out custom card Swipe-card
how does monster card entity include filtering work? is it using regexp? because I'm trying to match .bedroom without matching master_bedroom and it still includes it
Somebody uses Google calender without the custom Google Calendar component?
I cant use it anymore after the Page dont even borther come up
For me google calendar works without a problem.
Do you get any errors (either python or JS)?
The moment isnt defined - Wait a seccond - I ll repoduce
[frontend.js.es5.201811211] http://10.0.0.27:8123/frontend_es5/9c5ea2f11a3072cdf1ba.chunk.js:1:437280 Uncaught ReferenceError: moment is not defined
Do you have moment.js included at your resources?
resources:
- url: https://unpkg.com/moment@2.22.2/moment.js
type: js
- url: /local/custom_cards/calendar-card/calendar-card.js?v=1.0.1
type: module
Jup -almost exactly like this (folder /local/custom_ui/calendar-card)
hmmm... the only thing I notice is that you use es5 instead of latest javascript version; not sure if that's causing the issue
currently testing it
I set up javascript_version: auto
after i got some troubles with auto 3 to 5 versions ago
I do get some JS errors with es5, but nothing related to the calander
and the calander still works
so the only thing I can think of is that there's a problem with loading the external file (moment.js); either it can't access it (no internet/firewall), or it takes too long to load
you could try to download moment.js and access it directly from /local/ instead of unpkg.com
mhmm.. Idea I ll try now - Thanks
wget https://unpkg.com/moment@2.22.2/moment.js moment.js schould do the trick Restart incoming
@snow pelican Genius π Thanks a lot - 3 reloades ant the frontend still loades
Would say it took to long to load
you're welcome; happy to help π
btw... I just finished v1.0 of my "Responsive Container" for Lovelace
https://gist.github.com/Grezvany13/9b6e5ef4148d4ae7424da94831650185
which allows cards to fit the screen, and switch from 1-2-3-4 columns based on screen size
still a bit hacky, but seems to work good enough
Is anyone using a map card with icons to show where devices are?
YEs
how can i call 2 scripts on a entity-button?
1 to to run a "on" script and then press again to run the "off" script
Canβt. But you could make your script smarter
well that seems stupid, i could do that prior to lovelace
So submit a PR to address it, rather than calling it stupid π
Use conditional to hide the off button when on and vice versus.
Use an input boolean. Its very easy
Toggle the input boolean with the button. Create two automations with conditions (if boolean turned on vs turned off) then run the script needed for each one.
@split granite was the "yes" to me?
Well, yours was the post immediately before... π
what am i missing on how to do it?
type: map
aspect_ratio: 100%
default_zoom: 25
entities:
then a list of device_tracker.tile.longnamegoeshere
i've set icons in known_Devices
hide_if_away: false
icon: mdi:cellphone
mac:
name: Idexx iPhone
picture:
track: true
~format @junior onyx
@junior onyx 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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
...stupid question, where's the backtick on a mac keyboard? is it the one by escape?
hide_if_away: false
icon: mdi:cellphone
mac:
name: Idexx iPhone
picture:
track: true
that still killed my indenting though π
You haven't said what the problem is yet?
oh. i see the items on the map but they just have letters (Ii for Idexx iPhone) instead of icons
http://prntscr.com/lpfz3h on regular UI
http://prntscr.com/lpfzcs on lovelace
I think that happened around 0.79 or 0.80
I'm pretty sure I opened an issue back then, but I've not looked into it since
ok. so it's a bug, not a config error on my side?
as long as I'm not misssing something, I'll dig into finding an issue and see if i can even help fix it π just hate to do that if it's a missing line in my file (i had an issue setting the TILEs up and it was just a missing config line..)
I think so, yes
I see the same, and had a problem where customize and setting an icon in Lovelace wouldn't over-ride the picture set in known_devices.yaml
@split granite whats your github handle?
~tinkerer
You can find his GitHub at https://github.com/DubhAd/Home-AssistantConfig/ and his blog at https://ceard.tech/
I cannot find any such issue, despite my best efforts.
@split granite it looks like the lovelace stuff is mostly JS not python?
Not mostly, all of it
I'm less helpful there than I'd hoped then. My JS skills are ... lacking
Lacking is way better than me π
anyone have a custom card with a long text input?
do you have ids on cards?
Yes, unless there's one missing. Is that what's throwing that up?
sounds like it , i would guess
And are the id number completely arbitrary as long as they are unique?
y
Ok, thanks. I'll go give my lovelac.yaml a colonoscopy...
lol
Ok, got it. So, APPARENTLY, although the docs says an ID number was required, a bug kept that from actually mattering until the latest update. Thanks again.
np
can anybody help me ? i have this template in a custom lovelace card: https://hastebin.com/unagaheraj.javascript
how is it possible that both buttons are displayed on the card ? i checked the media.paused is either true or false
this is the output for true:
(uploaded both images there)
anyone know how to match bedroom without matching master_bedroom (or any other bedroom) with monster card entity filters?
@viral sorrel depending on what exactly monster-card is matching, but you should try something like "^bedroom" ... to match bedroom to the beginning of the string
technically you should be able to first include all bedrooms entities (eg. with bedroom group) and then exclude the master_bedroom entity.
Wasn't there a card that created a 'second' title bar?
@viral sorrel what makes the exclude not ideal?
another thing to track.. don't get me wrong.. it's relatively clean.. we only have 3 bedrooms.. but it also means that the matching isn't using regexp but just basic substrings
Then submit a pr to monster card
I'll get to that stuff in february/march.. for now I'm just dealing with triage
...
Morning
it's possible to change anchor position of an image in lovelace ? I think by default it's center
@polar kelp - Is it possible to launch a custom URL in fully kiosk with your plug-in, https://github.com/thomasloven/lovelace-fullykiosk? I'm thinking of an automation where if an outside motion detector detects motion the camera feed of that area displays on the wall mounted panels.
What do I do so that these automatically created IDs are actually created when adding stuff. Seems like I have to ID them myself.
@halcyon mantle I use a commandline switch for that - on to the camera view - off to the main view
- platform: command_line
switches:
doorbelldashbedroom:
command_on: /usr/bin/curl -k "http://KisokIP:2323/?cmd=loadURL&url=https://HAIP:8123/Doorbell&password=KisokPassword"
command_off: /usr/bin/curl -k "http://KioskIP:2323/?cmd=loadURL&url=https://HAIP:8123/Home&password=KisokPassword"
friendly_name: Display camera
@civic sedge Cool Stuff! What type of cards do you use on your 'Doorbell' page?
Would be nice to have it stream like on the more_info page, instead of the thumbnail updating
Hi All, i have tried the swipe card, after reading the docs , made some changes but im still getting only the : custom element doesnt exist error message , i do see a 404 error on this line import Swiper from './js/swiper.min.js?v=1.1.0'; , any help appreciated.
@halcyon mantle Its actualy somthing like /lovelace/dorbell?kiosk&showtabs
not much
The camera image, the button to open the front door, and a weblink back to the main page
Is it possible to hide views from the icons at the top? I have 16 cameras, and would like to only have a single camera on a view, that it will display properly unattended on a wall mounted tablet
Would be cool - something like
- title: basis
icon: mdi:home-assistant
hidden: true
id: home-assistant
cards:
Will be very handy to be able to create views on can then call from various methods instead of the top bar
do you know how to create a PR?
I actually dont realy know πΏ
But you can create a view and say icon: none
Same, I have never tried it. Lets see if I can find instructions on how to create a request
you can still click it - but its empty I made this a couple of times unintentionally
I'd prefer to have it completely hidden, no unintentional clicks. I read on Github that feature requests should go in the forum. I added it there: https://community.home-assistant.io/t/lovelace-ui-ability-to-hide-views/82353
you have my vote
Hi. I updated from 0.80.1 to 0.82.1, and lovelace stopped working, worked without problems before, I get the message "### Unexpected error occurred RELOAD ui-lovelace.yaml", now I have upgraded to 0.83.2 and the issue are still the same.
Do anyone have a soltuion or can point me in the right direction? MY lovelace file: https://community-home-assistant-assets.s3.dualstack.us-west-2.amazonaws.com/original/3X/c/3/c334f4bed22a00fd54906feee744bc6e7c721cee.yaml
First try CTRL+F5
Then tell us the errors in your console log from your browser and/or the error in your HA log
CTRL+F5 did not work, found this error:
Unexpected exception
16:41 util/ruamel_yaml.py (ERROR)
Unexpected exception
16:41 util/ruamel_yaml.py (ERROR)
I don't think so. I believe to have to run the reload themes service.
I have it in my LoveLace Frontend as a service button for easy access
good idea
when you add a new custom card , does it require a reboot after , or a restart should do ? , trying to load swipe card , and is not working after a restart , that is why im wondering if im missing something ..
@raw brook you got that service to reload themes handy?
@calm rock no reboot, just reload
ctrl+f5
ok, tks , i may have other prob , then
yep, chances are, the location is incorrect
some custom card developers hard code the location the .js file needs to be
So instead of you being able to use it anywhere, you need to make sure your directory structure matches what they hard code
Unless you made the card, then all bets are off!
Its in in
just type theme in and it whould come up.
odd, i did that and couldn't find it
NM, i'm dumb and spelled theme wrong
#storyofmylife
@tacit cave , yes in this case location is harcoded , and the location on the docs doesnt match the one in the code , so set location as per the code , but for some reason i still get a 404 error .
404?? thats wierd, you should be getting a red card
yes, im getting a red card , but if i look at the console , there is that error
@halcyon mantle You don't need the plugin to change the url. You can do that with the rest interface.
@polar kelp You depreciated a card, column card or whatever. In the card that replaced it, is it possible to get that title bar?
that column had
Was just about to reply in the forum. That's not the column card doing that in the screenshot.
Is that another custom card?
Does anyone know the color name/var for a switch/light in the on state in a picture-glance card?
Cant i use Jinja in ui_ovelace.yaml?
while scanning for the next token found character that cannot start any token in "/config/ui-lovelace.yaml":
{%- for state in states.sensor -%}
nope, jinja is only for template areas
there's very few templating areas in all of home assistant. I see people using jinja in the wrong spots all the time. Don't ever assume you can use jinja anywhere.
Okay, thought i could use it in any yaml π
No, jinja is not associated with yaml
Not?
nope
Whoa, my last days were a lie π
yaml is like XML
jinja is like python. Home assistant made a few specific fields use Jinja to execute logic.
ive added the haveibeenpwned service and would like to show the entries that have >0 breaches
entity-filter
No, wait. That wonβt work. I thought it had a state-not filter or something...
monster-card should do it, though.
Okay, ill look into it. Thanks π
@raw brook any way that sensor card in future would have a option for decimal places value?
can always do with templates.....
but if card would have those options would make sense
π€· maybe. Add it in the forum
@prime umbra just use the custom version and add the decimal places you want there
link plz?
ty π
@tacit cave wow very nice card !!!!
so many options...
looking at options don't seem to see a option for decimal places hehe
but very cool this mini card
Itβs the same sensor card in native Lovelace
Thatβs what I thought you were using
Itβs just, now that you have the custom version, you can modify the code yourself
anyone remember who made the swiper card?
@winter hollow
What about it?
Was just looking for the swipe card
found a need for it
Anyways, pulled it so all is good
What app is simplest to build the floor plans shown in some of the lovelace examples?
sweethome3d
@frank tapir Check out Dr Zzs video about sweethome3d too. https://www.youtube.com/watch?v=HBXIOj5ndo4
Also info here on using the plan with lovelace and adding clickable icons - starts around 14m18s - https://youtu.be/ObfRzMIEJPg?t=858
anyway of having lovelace add new things automatically? For example, if a new device goes on my wifi, they go into a box saying "New Devices at home: "
?
you can use the monster card
monster card?
it's a custom card
~monster-card
Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
Please help, where am I failing? dark-sky-weather-card.js?v=1:85:84 Uncaught TypeError: Cannot read property 'state' of undefined
@raw brook have you known js, css, and html or did you learn it recently?
I go to school for PRogramming so I have known it for 3-4 years
Was it explicitly taught to you?
wow, very cool @tacit cave
No
You got any good websites to learn the basic interaction between them?
I can read the code but have no idea how to start a card from scratch
uhh If you know the basics of coding then you can just look at examples of code. Copy and paste (change what you know) and learn from there. So take an already existing card pull chunks from it. Try and decode how its connecting pull what you need from it change it from there and learn that way. Thats just how I learned. Hands On and using google haha
So my problem is that it appears as if none of the HTML matches the CSS or the JS
by that i mean variables
Idk what you mean by that
@tacit cave being heartless, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/SNC8q9H4kD/
where do you find out information about all those keywords. Also, that appears to just be a string. How does it know where to pull variables from?
These are theme variables
That is all CSS
So the var(--base-unit) is looking for a CSS variable base-unit
Which is defined here --base-unit: ${cardConfig.scale};
The --paper-card-background-color is defined in the dom of each HA-card
So the css pulls vars out like $ββ strings in c#. Is there a good ide to use for development or you typically just use f12 in chrome ?
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
For css vars I usually use Dev tool (F12) or VScode
is there a way to use lovelace and monster card to show the linkquality attribute of all entities that have such an attribute?
I can't seem to figure out if it's possible with conditional cards or another way to show certain cards based on which user is logged in on the front end. i.e. depending on if I'm looking at the front end or my wife we want a different card shown
Hi, I got following
- title: Internet
id: internet
background: radial-gradient(circle at top right, rgba(22, 34, 42), rgba(58, 96, 115))
theme: dark-mode
cards:
- type: entities
title: Speed Test
show_header_toggle: false
entities:
- entity: speed_test
name: Internet Speed
But I cant find the speed_test entity, after upgrading home assistant
can someone help me to resolve this?
Is the lovelace Glance card tap_action: toggle broken?
Windows 10 with touch screen?
@latent bramble go to
to find the correct entity id. It's probably a sensor.
@polar kelp Well Its supposed to be the entity for card and i cant find it from there
Mine are called sensor.speedtest_upload, sensor.speedtest_download and sensor.speedtest_ping.
- title: Internet
id: internet
background: radial-gradient(circle at top right, rgba(22, 34, 42), rgba(58, 96, 115))
theme: dark-mode
cards:
- type: entities
title: Speed Test
show_header_toggle: false
entities:
- entity: speed_test
name: Internet Speed
- sensor.speedtest_ping
- sensor.speedtest_download
- sensor.speedtest_upload
this what i got
it display the sensor result but same time im getting a error, entity speed_test not avalable
I also post the issue here https://community.home-assistant.io/t/entity-not-available-error/82547
There is no way that error is caused by the update, unless it somehow stops a custom_component that's horribly broken from loading. speed_test is not a valid entity id.
The update could have added the warning, though, if you upgraded a few subversions at once.
Just remove the top item in your entity list.
somebody here to guide me towards the right card to see what to do to show the entity dialog onClick() ? or the right docs, seem to be blind, but can't find it
What's this "card entity" you keep mentioning?
What do you expect that to do?
well I simply following this example, https://www.home-assistant.io/lovelace/entities/
I'm afraid you have misunderstood something. A card shows the entities you specify in the entities: list. They don't have to be related, and there's no overarching "card entity" (except e.g. for cards like thermostat which only handles one entity at a time).
What you have there is an entities card that (attempts to) display four entities, three sensors, and one speed_test-entity (which doesn't exist) but with the name replaced with "Internet Speed".
@vapid field I don't quite understand what you mean. Some cards support the setting tap_action:, and most have more-info as default action, which opens the entity info dialog.
I think I got what you try to say..
So I shouldnt need this line - entity: speed_test
That and the one below it
Most likely those two lines never did anything, but one of the latest updates added some missing error messages...
haha so this new version fixed it ;0
now i got it thanks for the clarification π
@vapid field are you talking about this: https://github.com/thomasloven/lovelace-popup-card
How can I show more then one card when I set panel true?
With a stack
@mild veldt @polar kelp pretty much what I am looking for, at least now I understand more of the mechanism, at the end I am looking to something from the other direction.... let's say I have an entity_id "light.foo_bla", how would I trigger the default more-info dialog from within my custom-card for this particular entity_id.... or is there nothing like a "default" more-info ?
@polar kelp https://hastebin.com/aloqehesus.bash what am I doing wrong?
@vapid field Oh. I see. Take a look at this: https://github.com/thomasloven/lovelace-long-press/blob/master/long-press.js#L87-L95
@rancid schooner Well, your first error is to not tell me what you Expect to happen, and what actually Is happening.
uha great, thx @polar kelp
Another possible error is not specifying any entities for the glance card. That could cause trouble even if the card isn't shown.
I want to build my cards in a way where I full up the whole width of the page.
@vapid field Line 96 isn't necessary normally. That was just because I wanted the dialog to pop up before you released the mouse button.
hi all , looking for somebody that have the slider card working , and could help me debug my config , i get red card , and 404 error in the console Failed to load resource: the server responded with a status of 404 (Not Found), even when the files are there .
@rancid schooner read the docs on views: https://www.home-assistant.io/lovelace/views/
Thanks. I think i've managed it!
Hee, sometimes my thermostat card is increasing its font size to lets see 70px. Could it be because i wrap it inside a 'custom:vertical-stack-in-card' it looks like this: https://i.ibb.co/chLT9vs/ha-climate-lovelace.jpg
how do you submit a bug repor for something in lovelace specifically?
actually it might be a dark sky thing
actually it is i think
@blazing hamlet within picture-elements card, yes, put it within the style config. For other cards, you could try Thomas' card-modder
thanks @mild veldt I don't know if I can use it inside - type: custom:plan-coordinates
- type: picture-elements
~format
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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
I'll take a look π
How do you debug lovelace and custom cards etc?
I'm using time-input-row made by @polar kelp, but it just says 'Entity not available'. I'm sure this is my fault rather then the javascript.
just trying to find out what
Are you 200% sure you typed the entity id correctly?
Does it work if you make just replace ```yaml
- type: custom:time-input-row
entity: input_datetime.my_timewith justyaml - entity: input_datetime.my_time```
Hi. checking now, sorry I'm intermittent on mobile connection.
currently is ```
- id: bedroomAlarmV2
type: custom:time-input-row
title: Alarm Clock v2
entities:- input_datetime.bedroom_alarm_mon```
The last two lines should be entity: input_datetime.bedroom_alarm_mon. It's one line, so it takes one entity.
I really should write some docs for that...
... and add date input...
ahh
yeah this works
- id: bedroomAlarmV2
type: entities
entities:
- input_datetime.bedroom_alarm_mon
Great stuff, that works, Thanks @polar kelp. It's not appearing 'IN' a card, just transparent over a background. But I presume I need to put it as a part of another group of entities etc.
Yeah. It's supposed to be used in the same way as this: https://github.com/thomasloven/lovelace-toggle-lock-entity-row
Hi Guys, I am trying to use any other card style than "glance" for this card but then i'll get an error for Error: Card config incorrect, any ideas why it doesn't accept anything else than "glance"?
card:
type: glance
filter:
include:
- entity_id: camera.carport
options:
type: "picture-entity"```
~format
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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
Guys, I was looking into the new "Simple thermostat" card announced on the forum. Since all "titles" like "Temperature" are hardcoded I was wondering if it is possible in general to use hass translations in custom lovelace cards, does anybody know ?
@polar kelp how easy is it to circumvent the toggle-lock-entity-row, may want to use it for a diy door lock only worried about the kids and general guest
anyone here using GPSLogger with Long Lived Access Tokens succesfully? I can't seem to get it working
@lament burrow not a #frontend-archived question
oops sorry wrong channel lol
lovelace-card-modder is there any way to do a camera view in this ?
besides using entity with little circles
I am trying to get my badges to work. Is there anything wrong with this?
views:
- title: Home
panel: true
badges:
- sensor.bedroom_temp
cards:```
Figured it out. I was using custom:layout-card.
@nova summit wat?
would like to get a bigger view of the camera in that card
you know I have to separate the cameras
@nova summit there are a lot of cards that allow for cameras to be full image
There's also this: https://github.com/custom-cards/surveillance-card
but not the card-modder ?
not sure why you're fixated on card-modder
card-modder just provides style
@civic glade I leave no guarantees whatsoever. Use at your own risk
Generally, for now, you should assume that anyone with access to your home assistant installation can control everything.
@polar kelp i understand no guarantees just curios if it could be easily defeated from the gui on the tablet itself without the password for the authorized users
@polar kelp and awesome work on all these card men.
It's probably hard to defeat on a tablet. You would need access to a javascript console or object inspector or something. But the purpose is to avoid accidental triggering.
Thanks!
Then again... you can always open the more-info dialog and access the toggle in there...
hmm can it be applied to a button card
If you want to disable certain controls for certain users, I'd suggest using this instead: https://github.com/thomasloven/lovelace-state-switch
thanks will look at it.
Hello i got a lovelace card with an iframe and when i change anything it does an api call with javascript and when this call finished the page refreshes.
I now also loaded the same page in an iframe panel page and there the problem does not exist. Why is it refreshing in lovelace? anybody got an idea?
If i put a sensor into a "type: entities" the graph line disappear. Is this supposed to happen?
as opposed to what?
As opposed to the line showing up
As it does when you put the sensor in... ?
I'll get some pastes together
Hi, i have an issue with the lovelace UI thermostat card it constantly changes the slider icon too a square box then becomes none responsive the only way in which I can revert back is if I click the reload icon in the bottom right. secondly I have an issue when trying to move the slider on my iPhone the page moves up or down rather than the temperature slider moving
https://imgur.com/a/cmbUEDy This is the result of https://pastebin.com/FwLpfQ1m
If the sensor is just directly under cards: it shows the line, if it's under a type: entities the line doesn't show
Is there any other way to combine a sensor with a few controls that are associated with that sensor and still have the full graph?
Vertical stack might be my thing. Will try
So i fixed that with the custom:vertical-stack-in-card plugin. All is well
@mild veldt
For future reference, @somber egret, that's not how the entities card is supposed to be used. It's pure lucky coincidence that you didn't get an error message.
The entities: of the card should be a list of entities or entity objects.
Take a look at https://www.home-assistant.io/lovelace/entities/ and https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-entities-card
@cedar saffron Did you just want to wake him up, or did you actually want to say something?
@dim fern What version of Home Assistant are you on?
@polar kelp the latest 0.83.2
It is a known issue, have seen an issue about it
It has been an issue, but I thought it was fixed... I can't find it on github now...
@dim fern @polar kelp I have random issue too, Iβm on 83.3 and the slider bar disappears on the thermostat control, usually happens after changing tabs so I just assumed is a cache issue. Latest hassio, HA and iOS app beta. If you think is a ios bug then Iβll create an issue on github.
@polar kelp so with the state-switch when user A set the mode and when user B logs in they only have access to what user A allowed?
because based on the git example it looks like they both can change the modes
No. The gif is showing two things at the same time. Look at the right part of the windows. There are two different cards, "User A stuff" and "User B stuff".
So you can use it to make cards that are only displayed for one user.
Oh. That was much newer than the one I was thinking of.
@polar kelp lol i saw the forest but not the trees
@cedar saffron wat?
@polar kelp @cinder rapids I guess its a bug with the iOS?
Hard to say, but it seems Zac is on it.
@polar kelp thx
@polar kelp card- modder is there a way to make a camera show up in this card
Hi all. Can someone help me with this? Before I could turn on the switch off the camera and now when I press in switch nothing happens.
THe card modder is just a card wrapper that adds css styling @nova summit
yes I like the style of the card and would like to put the camera view inside of it is this possible or should I give up on the idea
Any plans to add the mini media control card to HA?
THe card modder is just a card wrapper that adds css styling
Therefore if you have a card that does the camera view then you can wrap it with card modder
But if not then no
Have you looked at the surveillance card. Its custom
Any idea?
Let me guess, pc with touchscreen?
Try touching with your finger π The issue is being worked on...
Anyone know if they are going to release "multiple users=different front ends " when they make lovelace the default?
Im itching to have different front ends for me / wife / wall mount tablets
I made a beautiful picture element front end for tablets on the walls but I cant really use them because they dont work on phones
Probably not at the same time, but likely not far behind.
I love lovelace so much, but my wife needs a much simpler set up then me. I used HADASHBOARD for so long but I have gotten spoiled ever since lovelace
You could try this: https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931
We get that question about once or twice per day around here...
@polar kelp Can you tell me the difference or advantages of your state-switch-card over the conditional card? I use the conditional card a lot, so wondering if they are similar or one has advantages over the other I am not seeing.
It's just simplifies things a bit. With conditional you need one for each case, but it's enough with one state-switch.
Like one of my wall panel views has a config much like ```yaml
- type: custom:state-switch
entity: input_select.home:mode
states:
home: !include display/home.yaml
away: !include display/away.yaml
guests: !include display/guests.yaml```
So, you can handle the state_not case with default?
yep
Interesting, thanks.
The includes you have there, are they from your custom card, or is there a way now to split the yaml?
There's (almost) always been.
I use lovelace-gen, but !include is a built-in feature.
I'm not sure it can be used exactly like that, though. That's just an untested code sample.
My actual configuration is a bit more involved.
But not much.
So, I am trying to use the gauge card to indicate sector performance. Here's what I have - type: gauge title: Tech unit_of_measurement: '%' entity: sensor.information_technology severity: green: 2 yellow: -2 red: -10
the current value is -3.07
so, I was hoping the color will be red
but that is not the case
basically, I want to invert the colors - lower values should be red and green otherwise
Try yellow: 0 and red: -2. Weird things happen in programming when negative numbers are involved.
(No idea if it works)
With a quick look at the code it seems your first attempts should work...
that is what I thought...it should be doing a simple comparison
I'm getting very weird behavior from my first Lovelace attempts. I used the hassio migration add-on to give me a headstart, and my first simple mods went fine. It went awry when I tried to eliminate the "Home" view. I get erratic browser behavior. Sometimes View '1' shows up as View '2' etc. Here is my code: can anyone point to some obvious mistake I've made? https://hastebin.com/lecezeraju.m
refresh cache.....the config seems fine
also, you mean entities in view 1 show up under 2?
its weirder than that....you click on for example "Lights" which should be View 1, but View 3 will show instead (while URL still says its showing View 1). Then you click on it again and this time its shows its View 3 . Totally erratic
i havent' figured out the pattern
@winter hollow the question is for me? If yes, I donβt use Pc with touchscreen. I click on the switch and his wonβt turn on/off
@raven nacelle I just cleared Cache again.....no change. let me try a diff browser
@fallen falcon THat does not make sense. Start with a simple config with only two views and one card per view and then extend
i will do that. Was hoping to start from the migrated version to save time, but will start from a smaller subset and build up from there
btw, no different in Safari or Firefox. Screwed up in all browsers
@raven nacelle here is a simplified version that still is exhibiting some of the same behavior. In this case both views are showing up as tabs available to click, but both indicate in URL that they are view 2 when the first (Lights) should be view 1. Even odder, the actual content that shows (regardless of which tab you click on) is content from view 1. https://hastebin.com/hipatucoca.m
no difference with your code (I also had noticed the different placement of title). This might give you some hint as to what's going on: If i try to change the URL directly (from https://xxxxxxx.duckdns.org:8123/lovelace/2 to https://xxxxxxxx.duckdns.org:8123/lovelace/1 it sends me back to login screen. When I get through login it has successfully switched views but now both tabs are still 'incorrect' in the sense that they both point to View 1 now instead of View 2 (when one should load view 1 and the other view 2)
does that give you any ideas?
don't know if it makes a difference, but try https://hastebin.com/ihazufabax.m
that fixed it! so IDs need to be alphanumeric and if you try just numeric it screws up. Sounds like a bug
thank you!
i'll raise an issue in github
and just the View IDs are sensitive to this, not the Card IDs. Weird.
went back to my full lovelace.yaml and changed the View IDs to alpha and its all working perfectly.
@raven nacelle, can you point me to the github project for the Lovelace editor? I've got some ideas and might want to try some things to see if I can contribute. (I tried to search but there are 339 repositories with Lovelace in the name!)
thank you
is there any process for ensuring I don't waste time on something someone else is already far along on? is there a roadmap document or something?
follow the discussion or check in #devs_frontend-archived
many of the issues there have the resolution and just need to be finished up
you can start with simple things to get your feet wet
thank you
@raven nacelle -3 would no show on the gauge card as it's below zero
That's why you seeing nothing
You could try setting your min and Max with min being negative
- type: gauge
title: Tech
unit_of_measurement: '%'
entity: sensor.information_technology
severity:
red: -2
yellow: 0
green: 2```
I tried a few combinations...but nothing worked
this is what I currently have (which is not working)
Right because if the value is below the minimum default is 0 then it won't show on the gauge
the current value is -3.86
Right so my statement holds true
how do I add the min there
Try setting your minimum config variable to -5 or something
It's a variable on the card.
under severity?
Nope just on the card. Check the docs not at my computer
ok...trying now
Like Thomas said negatives are always weird so it may not work
it worked π
- type: gauge
title: Tech
unit_of_measurement: '%'
entity: sensor.information_technology
min: -6
max: 6
severity:
red: -6
yellow: 0
green: 2```
so stupid of me to miss those min max π€¦
and just to make sure there are only three levels of severity
Yes
Clearly not a good day to be looking at this chart π
Lol Looks like you may have a problem haha
that is an understatement
3 levels of severity are slightly limiting. Would be nice to have 5 levels like
Yea. It is in a plan after this next release
It will be pretty easy to do. Just loop though each severity given and make it
color: number
Where you can specify your own color viea hex, rgb, pr just the color name
wow cant type
in which case, even the number of severity levels can be changed right?
right so it could be
red: 1
green: 2
purple: 3
blue: 4
orange: 5
AWESOME π
In lovelace ui, if I have multiple cameras on a screen will I be able to see live video feeds (not stills) of multiple cams at the same time?
Sorry if its a silly question, I haven't really successfully integrated any cameras with my HA setup and trying to decide if I want to.
hey guys, any good place I can view various lovelace cards and see the source? A showcase or something
look at pinned messages above
sorry, thanks