#frontend-archived
1 messages · Page 201 of 1
@half pawn posted a code wall, it is moved here --> https://hastebin.com/felodudane
lol
Just a few lines too long
I want to have a row of buttons with 'close' '25%' '50%' '75%' and 'open as the labels which send commands to my cover device. I don't know how to configure this, I tried : https://hastebin.com/felodudane
for the first two buttons but it does not work. the code is from an 'automations' example in the cover documentation on Home assistant
Tried - entity: cover.kitchen_net name: 25% layout: name tap_action: action: call-service service: cover.set_cover_position data: position: 25
thanks @dark dirge I tried to add my sensor into the mix - but did not work
{{ sensor.obihai_phone1[0:-1] }}
results in an error when I click the button,
Failed to call service cover_position. required key not provided @ data['position}
but I have data and position?
thank you!!
service_data: not data:
Failed to call service cover/set_cover_position. sequence item 0: expected str instance, Optional found
@dark dirge I am working with the availble documentation on covers. It says :
- service: cover.set_cover_position
target:
entity_id: cover.demo
data:
position: 50```
But when used with a button, the whole structure is different?
That’s not for the Frontend. That’s a service call in a script/automaton
You need to read the docs for the cards you’re using
I have just read 'tap action' and see nothing that shows I have made an error...but the example for call service is pretty short
confirmation:
text: Are you sure you want to restart?
service: script.restart```
name: 25%
layout: name
tap_action: call-service
service: cover.set_cover_position
service_data:
position: 25```
is not accepted by the editor
Following the documentation I tried:
name: 25%
layout: name
tap_action: call-service
service: cover.set_cover_position
service_data:
position: 25```
buttons:
- entity: cover.kitchen_net
name: close
layout: name
tap_action:
action: call-service
service: cover.close_cover
service_data:
entity_id: cover.kitchen_net```
that works
but the next section, which as far as I can see is identical, does not
name: 25%
layout: name
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 25```
Do I need to add the identity id again as per the first button?
I dont understand why the identity_id is required twice for the button to work?
Failed to call service cover/set_cover_position. extra keys not allowed @ data['identity_id"]
name: 25%
layout: name
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
identity_id: cover.kitchen_net
position: 25```
whoops...spotted it
Yes, it works!
I was going to ask what the hell identity_id was 🙂
It's called an 'identity crisis' for a reason 🙂
🤷♀️
has anyone got their blink cameras to show feeds on the dashboard all I can figure out how to do is get a picture
#cameras-archived will probably know more
thanks @karmic tiger
how can i round values in a card (lovelace) 27,585 = 28
In which card?
in many different cards 🙂 especially the Hue Motion Temp Sensor, i don't need 21.73, i just want 22°C
Many different cards of which type?
I'm asking because it affects the answer. If you don't provide the information, you don't get your answer.
sensor card
The native one? In that case, you need to use some custom integration to modify what it displays if you only want to change what it does in the frontend... or wrap the original sensor in a template sensor that does the rounding if you want to use that new sensor all over the place.
the native one yes
i would like to know both ways, so i can decide in different cases
Something like https://github.com/iantrich/config-template-card may be of use for the former. For the latter, read the documentation for template sensors (and ask in #integrations-archived if you need help with them).
okayk thanks for all the help so far mono!
Disclaimer: I don't use many custom cards, so I'm not the best person to give solutions with them.
question: does anyone have a good display for the recollect waste schedule? I was hoping for something that split the different bin types into "Green bin in 3 days", "Black bin in 5 days" kinda deal. I've got HACS installed, but there doesn't seem to be anything like that. I suspect I could do it with a giant mess of markdown cards, but that seems somehow suboptimal.
This seems to rely on manual setup of the schedule. I have the schedule from recollect directly. But that produces a single sensor: the next pickup, with some attributes of which types.
It literally shows a screenshot of multiple collections varying days into the future.
I don't see how you came to the conclusion that it can only do one.
yes. i have to manually add each schedule element using yaml
so i would have to define in the yaml that "my garbage is every thursday" except after holidays etc. with alternating weeks. I have all that data already elsewhere from the https://www.home-assistant.io/integrations/recollect_waste/ integration.
Did you look at the second link too?
yes. it seems to be integrated with the first.
it's literally the frontend lovelace ui to that backend sensor afaict.
i've sorta poked at these already, and can't see a reasonable way to make them work
Ok. Well if there's nothing that does exactly what you want, you could use the garbage-collection-card as inspiration for making your own custom card.
It's that or build a bunch of template sensors to expose the various attributes of your Recollect sensor, which is probably about the same work as you setting up multiple sensors for the bruxy70 one.
yeah. i thought i'd ask first, since it seems weird to me that they'd add that to the base HA and not really have any useful visualization of the data contained in it.
There are around 1800 integrations without including HACS stuff. Very few have specific ways to display their data.
You'll often find that you need to wrangle the data to do what you want, especially when coming up with a bespoke dashboard. Sometimes it's easy, other times it's not.
i agree. but for example, adding it to an entity card just results in the date, with no extra information.
yeah, i'm aware. I have a few markdown cards for smashing data into a presentable form.
Yup. If you want to tailor it, you could probably use something like the custom button-card (not the built-in one) but that takes a bit of work to get right.
but i thought i'd ask if someone else has already looked at this specific problem.
It's not one I've seen asked often, and the answer is usually the garbage-collection-card, but it doesn't line up well with what you've got data-wise.
i should share some of my custom stuff. i have every bill i get via email in a big list for example 😄
ah. no screenshots. nevermind 😦
is there any way to do template sensors without editing files yet?
I think there's something on hacs, maybe...
does hacs have any better date time filters ?
is there any way to create custom names for entities displayed in the map card?
oh wait i can just show the person instead of the device nm
Hey guys, I have a weird issue in HA and espHome where switches no longer used in code are showing up greyed out in the overview page. This started after a restart of HA. Anyone know how to solve this?
Go to Configuration / Entities and delete them.
i see the icon website but how can i see the icons?
oh, i only found https://cdn.jsdelivr.net/npm/@mdi/font@5.6.55/
there were two links
the first is a pointer to the version that HA is currently using, but it isn't easy to browse
Is there a way to display people that are home on the map?
can someone please help me [properly] convert a CPU Temp Sensor from Farenheit to Celsius... (note I am on the 2021.09 beta)
ive been using home assistant for like 2+ years and I still don't understand.
@fresh snow Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.
according to petro in this post: https://community.home-assistant.io/t/configuration-template-how-to-convert-f-to-c-on-temperature/189003/41?u=ehbush - "just change it [unit_of_measurement] to anything but ºF or ºC"
but if I change it to 'HairOfTheDog' or 'Cellulitis', then it just shows the temp in Farenheit (like it was before) with 'Cellulitis' after it.
Even tho I am a filthy American (and thus using Imperial aka *dumb *Freedom Units), what I want it to do is to display it in celsius, since we are talking processor temps here. Once I figure this out once and for all I plan to build out some additional dashboards for my ~15 Raspberry Pis, so would love to figure this out w/out changing my overall settings to the metric system
wait, does it not work because I am using the platform systemmonitor
Morning people 🙂
Im trying to resize textsize in my 'rooms' card -it's the text saying Living Room, Bedroom etc etc. But i cant get it to work, right now im trying to use the following, but this doesnt seem to do anything.
name:
- text-transform: capitalize
- font-size: 13px
- font-weight: bold
- align-self: end
Card Mod q: How do I access a span in a div? I have this, but am not sure where to go next: ha-card.top-level-chart div#state_value {
Perfect! Thanks Thomas.
here is an easy one: can you change the favicon on lovelace?
Hallo. Just found an interesting thing. Is it a bug or a feature ?
In the dashboard/history graph card when I tick on an entity on the legend, it hides/disables that entity from the chart. That is a good feature, but
These disabled entities reappear after a while - regardless I reenable them or not.
Under windows/chrome I have to click multiple times on the entities in the legend to make this work.
My config: latest cores installed under VM, Tested and affects both mobile app + chrome browser
i added the slider-entity-row frontend.. but i'm not getting it to show
what am i doing wrong? what can i do to debug it?
There's a link somewhere near the top of the readme to installation instructions. There's a section in there about debugging.
thank you sir <tips hat>
Yes. "See this guide"
yup, checked both home assistant
and browser console.. no errors
the html looks strange
And nothing about slider-entity-row in the console either?
nope
lots of style="display: none;" for the html
dom-if.. never seen that tag before
Make sure the resource is in the list here then: https://my.home-assistant.io/redirect/lovelace_resources/
Home Assistant makes heavy use of CustomElements. Almost every tag will be one you've never seen before, right down to <home-assistant></home-assistant>
What version of Home Assistant are you running?
2021.8.8
Then you probably didn't set your instance URL right on my.home-assistant.io.
You can go to Configuration
-> Lovelace Dashboards -> Resources instead, but you need to have Advanced Mode enabled in your profile settings (bottom left) to see it.
i have two there
both slider-entity-row
figured it out
deleted the old one
i had it manually installed
years ago
hey guys. I made a button that toggles a service. is there a way to add a delay to the button's active state to wait for the service call to complete? If the button is clicked to fast the switch it toggled "true" but the service call dosent execute. (re: Ubiquiti integration toggling internet access to devices)
can i deactivate in a custom card/yaml "render as squares" ?
(notify.card)
its too big
@patent sandal posted a code wall, it is moved here --> https://hastebin.com/madawabubu
I think I've sorted it so please ignore. Thank you.
BUTTON-Card:
can i change the color from state to specific ones ? ONLINE = green / OFFLINE = red ?
No, checkout custom button card
hi, where can I change/reset the energy settings that I did in the wizard when I clicked the Energy menu?
sry
how to i change an entities textsize in a card?
try:
font_size: 10px
how do i change the backgorund image of a view ? is this possible ?
thanks for your respons @trail frigate however that doesnt seem to work
any other suggestions?
maybe you need it in a custom card
which card do you edit ?
if its a custom card, check the repository for options
the custom:mini-graph-card, can be customized a lot
my config that works well
https://hastebin.com/abicaladox.yaml
@thorn ridge
mmm
sec
its the custom-button card
its about the text in the 'Rooms' card --> https://ibb.co/S0fmWtX
i've already tried this aswell;
name:
- text-transform: capitalize
- font-size: 13px
- font-weight: bold
- align-self: end
sorry can't help on the button card, but look at my custom-graph-card
https://ibb.co/thd5bqx
Download/Upload....
with font_size_header: you can define the entity size
try:
styles:
card:
- font-size: XYpx
automation ?
i create a scene - and i can play it in the scene config tab. how can i trigger the scene in the dashboard? i added a button as scene but this doesnt work (he tries to toggle off the scene, an error appears "dont find service turn off..."
up
use call-service with scene.turn_on
thanks 🙂
not sure if this issue is best suited for #frontend-archived or #templates-archived but here goes:
| is it possible (or straightforward) to reflect a timer's active remaining time, aka countdown on a lovelace card?
wow? i must complete define the scene in the call-service action
every time i get into my profile, the primary/accent color goes to default , this is super annoying.
I think there's a remaining time attribute you could use for this. If that's the case, the simplest way to make it usable on the frontend would be to create a template sensor that exposes it. #integrations-archived for more info on those.
isn't there a card for that in HACS ?
? No
type: button
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.new_scene
I've asked you before to provide more detail in your questions. Where something has config, share it.
Please use https://hastebin.com/ or https://paste.ubuntu.com/ to share code or logs. Please don't use Pastebin, since it can randomly add spaces to the main view.
Is that this card? https://github.com/bernikr/lovelace-notify-card
yes
The screenshot on that page doesn't show it as a square. What do you mean?
You can provide screenshots if they help explain:
Please use imgur or other image sharing web sites, and share the link here.
Image posting is blocked in most channels to discourage people from sharing text as images.
That looks just like their example. If you want to modify it, you can maybe use this: https://github.com/thomasloven/lovelace-card-mod
But that'll require some knowledge of HTML/CSS.
oh nice thanks, fully customizable cards
Button-Card:
Can i change Online/green and Offline/red ?
https://ibb.co/cbfgfPN
okay nice, sorry i haven't seen the answer, omg
that is a frustrating aspect of this server
There's too much knowledge to keep organised though, so I don't know how to solve it 😂
Lots of common questions are answered in the docs... but for topics like templates and frontend, questions can be very individual.
I'm more referring to questions being asked and the questioner not seeing (or perhaps looking for) the answer, and then asking the same thing again later
Off-topic but regarding frontend of HA, mod if it's wrong place please let me know i'll delete.
Integrations - understandable, you set your devices up and forget.
Why is it automation, helpers, scripts, etc. are buried inside configuration instead of having a consolidated user interface so that it's easy to swap around - i mean with all the workflows so highly reliant on each other, it would make sense for them to be placed together where you can easily work on one or the other. Is there a reason why this design decision was made? Just curious.
no more like tabs instead of different screens
You're using a web browser, you have tabs.
i meant like for example, if you wanted to make an automation and needed a helper
And if you really want to go full power user, you'd use VS Code (or your preferred IDE) and have all the tabs you want.
would be convenient to just pull up a new helper flow without having to open config in a new tab and going to helper and then switching back to automation to select that
ahh, is there a guide for this?
I'd like to try it
If you're working with YAML mode for things, it's the existing docs. The only thing you need that isn't mentioned in them is either the VS Code add-on (if you're using an installation that supports those), or the VS Code remote extensions.
if you're looking for tabs for different areas in HA, as mono said, I just open a new tab for that area
I use the latter, since I SSH in to a headerless server and don't use HA OS.
Yeah I just installed VSCode, just started on HA
My flow when making changes to HA is to fire up VS Code, point it at my server, enter my SSH password, then have the full power of an IDE and as many editor panes and terminal windows as I need.
I only go back to the UI to reload HA itself, though I could do that from the command line too if I could be bothered.
I'm fine with the browser vscode add-on.
Cool, similar flow then, minus the SSH bit.
let me check out docs for automation
but yeah just wanted to voice, first impressions of HA, just thought the automation, scripts and helper would be more intuitive together in a single page.
And re your suggestion on being able to spawn other flows in the middle of something... I don't imagine that would be trivial to implement but you're welcome to make a feature request on the forums if you think it's worth adding.
Given there are other workarounds, it may not be given priority.
There's always more stuff to integrate 😉
Gotta say, loving it so far.
@karmic tiger sorry man, could I pick your brain?
I found docs and my current files for automation and scripts, but how do you create helpers using just vscode?
Please don't tag me. Anyone that sees your question can answer. And helpers are an #integrations-archived thing, so post your question over there 😉
Oh, my bad - sorry!
reposting my question from last night, in hope of some assistance.
can someone please help me [properly] convert a CPU Temp Sensor from Farenheit to Celsius... (note I am on the 2021.09 beta)
ive been using home assistant for like 2+ years and I still don't understand.
according to petro in this post: https://community.home-assistant.io/t/configuration-template-how-to-convert-f-to-c-on-temperature/189003/41?u=ehbush - "just change it [unit_of_measurement] to anything but ºF or ºC"
but if I change it to 'HairOfTheDog' or 'Cellulitis', then it just shows the temp in Farenheit (like it was before) with 'Cellulitis' after it.
Even tho I am a filthy American (and thus using Imperial aka *dumb *Freedom Units), what I want it to do is to display it in celsius, since we are talking processor temps here. Once I figure this out once and for all I plan to build out some additional dashboards for my ~15 Raspberry Pis, so would love to figure this out w/out changing my overall settings to the metric system
wait, does it not work because I am using the platform systemmonitor
don't forget to connect VSC with IP & token
That note from mono only applies to template sensors. There are a lot of things and conversions at play here, and I don't know what unit systemmonitor is using internally, but if you make a template sensor to convert the measurement to °C and give it a nonsense unit_of_measurement, it should not translate.
Hey guys I am using a type: custom:auto-entities card to show switches that are on
but I want to filter out some that are "utilities"
any way to filter?
Sure... the filter: property that's described in the docs.
I don't use that card, so I'm not sure. Try it and see.
yeah didn't work
also I wonder if you can have multiple domains
- entity_id: switch.uv_light
that worked
but the group didn't 😦
There's a special key for filtering on entities in groups.
It's group:
What is the easiest way to get borders around a set of custom button cards nested in a vertical stack under a hui element card? I know I cold provide the border information for each button, but that does not make sense when considering I have 15 of them.
can someone help me to get the state in 3 colors ( red / orange / blue ) - thank you
https://www.hastebin.com/evunomicer.yaml
Image
https://ibb.co/C63C5MT
im old I apparently can't read of have 0 comprehension anymore 😦
great job - thanks for the assist!
one more question question: can you use two domains in that same card?
Lights and Switches?
oh god I deleted the card 🤦♂️
how in the world did I delete it 😦
yeah something weird is happening
because I just did it all over again
and when I saved it - it disappeared
and I have lights on so it should show 😦
yeah its not saving it 😦
is there a shortcut to edit lovelace ? instead of 2 mouse clicks ? 😅
guys what is the difference between Kiosk Mode and Fully Kiosk browser?
Fully
🙂
I am not sure 100% but I thought it was you don't allow acces to other apps
well I now have about 18 of those cards
well im wrong
I had it but now its gone
something is screwy
Depends which "Kiosk Mode" you're talking about, but in general that means just removing the sidebar and header and stuff.
Fully Kiosk Browser is an app that can be made to display a webpage and disallow any other use of the device. It also has some extras like being able to use the devices web camera as a camera entity and automatic screensaver which turns off when the camera detects movement.
possible on an ipad, or just android ? (camera detection)
Fully Kiosk Browser is only for android.
kk ty
But browser_mod adds some of the same functionality on other browsers and devices too.
It's a bit limited, though, since it doesn't have the same native app support.
I can't add any cards now without them disappearting
something weird is happening
👻
clear browser cache, try another browser
Is there a way to make a single dashboard/view publicly visible, and only allow public access to the information on that dashboard? (with everything else requiring auth)
is it possible for a dashboard view to be generated dynamically, or for cards to be shared across views?
has anyone used ha core check with lovelace_gen? I'm trying to use lovelace_gen's "passing arguments to included files", and I'm getting an error like "Fatal error while loading config..." because it expects !include to just have a string after it and not an array
It looks like all that is in the Lovelace yaml file. How does that matter to ha core check?
doesn't ha core check check the config? i'm doing this !include in configuration.yaml
Yes, but the section you’re describing has examples of cards
what section am i describing?
what does that have to do with examples of cards?
ok, but i'm using it in my own configuration.yaml, not in their example file
eg ```switch:
- platform: template
switches:
bedroom_bright: !include
- scene_switch.yaml
- scene: scene.bedroom_bright```
i don't understand what you're saying, are you saying i should expect that ha core check will fail?
i just want to make sure i understand
I’m saying that it looks like lovelace_gen and it’s features are targeted for the Lovelace yaml config and not configuration.yaml. Those are completely separate and unrelated
Further, the FAQ there says this:
Can I use this for my general Home Assistant configuration?
It's called lovelace_gen for a reason... That being said - it might work. Or it might not. There's really no way to tell. It depends on what parts of the configuration are loaded before or after lovelace_gen itself.
I'd advice you not to try it.
got it
that makes sense
i was trying to dynamically generate some of my general config because i was finding it quite unwieldy to work around that issue where tap_action is no longer validating in a entities card "buttons" entity
well let me explain what i was trying to do, because maybe you can help me solve the main problem in a different way
since i can't define tap_action on entities card "buttons" entities, because of that bug, i need an entity i can use in place of the scene entity i was using that has a default action when tapped that will ultimately turn on the scene
so what i did was this, and it works, but it feels super clunky to write all this just to get something that will turn on a scene when tapped ```switch:
- platform: template
switches:
bedroom_bright:
value_template: "off"
turn_on:
service: scene.turn_on
target:
entity_id: scene.bedroom_bright
turn_off:
service: scene.turn_on
target:
entity_id: scene.bedroom_bright```
because i have a lot of scenes that i want to use in this way
(instead of using scene.bedroom_bright as the button entity, i use switch.bedroom_bright, and it works)
i just wish i could use some kind of macro to generate that data structure, since i need to define a bunch of them
unless there's a more concise way to get the same end result
Yaml anchors?
interesting
That’s pretty much what they do. They’re only file-scope, so keep that in mind
thanks @dark dirge that's fantastic
i've been using yaml for years and i've never even heard of anchors
I mostly use them for card_mod styling
awesome
anyone know how can i inverse a Color Temperature value.
currently my slide bar far right is warmest but my light bulb is actually coolest temp.
The code for the color temperature:
elif ATTR_COLOR_TEMP in kwargs:
self._color_temp = kwargs.get(ATTR_COLOR_TEMP, 500)
color_temp = (int(self._color_temp)-153)/(500-153)*255
Anyone know we’re I can download the weather integration icons to use for a custom card. Thx
You mean the builtin weather card?
Yes. 🙂
They’re embedded SVG and overlaid.
I figured it out here: #frontend-archived message
Pretty cool, but not easy to repurpose
Ok that seems a bit hard for just a icon. 🙂
It doesn't even render the missing cards on my phone?
is it possible to style a suffix different to the label value in an elements card?
Hey !
I downloaded radial menu element, but the menu doesn't expend and I don't know why ?
Someone know ? (ressource is set)
https://pastebin.com/aYb9YrYe
Attention!: Please use https://www.hastebin.com to share code that is more than 15 lines.
custom:mini-media-player
i want to use the TTS for Alexa, can someone help me out here ?
on send i always get: tts/undefinded_say
ahhh i got it 🥳
CHROME:
my chrome gets unresponsive after a while, in firefox its working in the meantime. someone knows why chrome does that ? cache cleared already, but it starts again. its annoying.
Yes
Up
@nova tundra People (and other sentient or vaguely intelligent beings) aren't waiting here for your questions, ready to leap upon them the moment they appear. Have a little patience. Keep in mind that repeatedly posting to get attention is against the rules (flooding) and can get you muted or banned.
Your message is still on screen. Wait for someone to answer.
is there a good card for a water valve?
I would think there could be something clever?
Good in what way?
easy to see
like its a switch now
so its a lightning bolt
I was thinking something that depicts "water"
You could use a custom card like custom:button-card and choose your own icon.
Hell, you can even change the icon of some built-in cards.
customize:
light.flexo:
icon: mdi:desk-lamp```
💦
That'll change the icon for light.flexo to mdi:desk-lamp.
but how do you pick a different one
ok
I will go research - thanks for the drection
find your icons here
https://mdi.bessarabov.com/
here you have the full list, but the 1st page is nice because you get the code and a HA Preview and better, quicker search
https://materialdesignicons.com/
and there is a Add-On for HUE Lamps ICONS
https://github.com/arallsopp/hass-hue-icons#hue-icons
@tame shale
how can i get the OUTSIDE Temp from "weather.home" as entity to use ?
i want the value in a card
it's an attribute, right?
i think so yes
so either make a template sensor to surface it or use a card that allows you to display attributes directly
never heard of template sensor, need to check. but its in a CUSTOM BUTTON CARD, should be possible there, right ? could you help me out ?
its the sensor here that needs to change
https://pastebin.com/X5pYM8mt
yeah found that already, need to check
is the outside temperature an attribute of that? you originally mentioned weather.home
yes
there's an example in the docs of how to get to an attribute: https://github.com/custom-cards/button-card#templates-support
yeah but i don't understand how i need to stick all together, thats why i am asking 😉
already tried different things
you want the outside temperature from weather.home instead of the temperature sensor here?
custom_fields:
value1: |
[[[
return `<span style="color: #fff; font-size:18pt;font-weight:bold"><span style="color: var(--text-color-sensor);">${states['sensor.eingang_sensor_temperature'].state}°C</span></span>`
]]]
yes
custom_fields:
value1: |
[[[
return `<span style="color: #fff; font-size:18pt;font-weight:bold"><span style="color: var(--text-color-sensor);">${states['weather.home'].attributes.temperature}°C</span></span>`
]]]
np. do see how I arrived at that?
yeah just thinking about it
I just followed the example in the docs
yeah but you know already where to look exactly and how stuff is working , i am in the learning curve 🙂
and how do i find out the "attribute" (friendly) name to use ?
i also want to see the Windspeed, but on my side its german "Windgeschwindigkeit", so its called different. triend windgust, windspeed, but that doesn't work. humidity worked.
okay, wind_speed is it, but it was just a guess...
next the condition 🤔
Are you looking at
-> States? No need to guess
aaaahhhhh
okay its condition, but its not working as attribute, its a state i think 😦
got it, but why its english now 🤔
${states['weather.home'].state}
how to get the local language out of weather condition ?
(the gui - weather card - shows it correct)
hey guys I tried this code with those icons- didn't work: ``` - platform: template
switches:
h2o:
value_template: "{{ is_state('switch.250534858cce4ef098d9', 'on') }}"
turn_on:
service: switch.turn_on
data:
entity_id: switch.250534858cce4ef098d9
turn_off:
service: switch.turn_off
data:
entity_id: switch.250534858cce4ef098d9
icon_template: >-
{% if is_state('switch.250534858cce4ef098d9', 'on') %}
mdi:water-outline
{% else %}
mdi:water-off-outline
{% endif %}
Attention!: Please use https://www.hastebin.com to share code that is more than 15 lines.
Hey everyone! Just getting started on developing a custom card and having an issue where changes I made to the file don’t seem to propagate to the url served by ip/local/file_name.js. Seems to be the same issue described here: https://community.home-assistant.io/t/lovelace-custom-card-not-updating/88602. Any solutions?
I can use this in a sub file called switches.yml right?
its throwing lots of errors
missing property switches
incorrect type expecting object
not sure what that manes
or hwere h2o is supposed to be fdrom
this is usually the browser cache. The easiest solution is to do what the dev docs mention and disable the cache: https://developers.home-assistant.io/docs/frontend/development/#development
When I get stale content, I usually right-click on the reload button with the dev tools open and select "Clear Cache and Hard Reload"
now im trying card_mod
Gave that a shot earlier and didn’t seem to work, but gave it another shot and now it did so thanks for the suggestion!
hey isn't someone here in charge of the home assistant front end?
when you are re-ordering views, it should not switch to the one on the right if you move the current one left. In other words: the one you move should stay your selection until you select a different one.
Yes an issue was opened about this but it went stale. https://github.com/home-assistant/frontend/issues/8057 Feel free to open another one.
Why do these bugs get no acknowledgement? especially since they degrade the UX which i thought the devs were trying to improve
It's a small team of volunteers mostly, they do what they can but some sort of triage is needed. If an issue is let go stale the original reporter obviously didn't care that much and so the dev team no longer see it and do more urgent things. If it is important to you, open an issue and keep it from going stale. I've seen an issue open in the core repo for two years before it got fixed.
Does anybody else have repeated :0:0 ResizeObserver loop completed with undelivered notifications. errors in their logs? Its coming from frontend but idont know what to do about it.
What's the deal with themes? I've added some via hacs and added
themes: !include_dir_merge_named themes
To my configuration as many theme instructions say, but I still can't seem to enable them
have you restarted ha?
historical chart visual bug
I tried for the first time the Google Cast service to an chromecast. But the dashboard shows: Custom element doesn't exists: mini-graph-card
The lovelace views works fine on the default browser.
Ah, I understand now. Maybe that device can't handle some of the code in the card. I don't have a Cast device to test on, so someone else will have to check.
It seems the problem exists with all the custom cards.
hey there, im trying to get an autopopulating entites card where i define a sum of entities but only want to show a certain amount of them based on a sensor state - so for example the sensor shows "4" i only want to show the first 4 entities in Lovelace -- do anybody know something which can help to accomplish that? trying to get the zoned cleaning of the vacuum based on the amount of zones created to show only viable switches in the frontend and get stucked here
hello gents. I have one sensor which give me values between 20 and 40. I want to make gauge card , when it is 20 to show me 0% and when is 40 to show me 100% - how to do that ?
By setting the min and max values
Hi everyone, im struggling with paths
In the raw configuration editor it shows path: system
So in the button you select navigate under hold action. Then the navigation path should be /lovelace/system
If this is still correct, it takes me to a overview dashboard that is not my default dashboard anymore.
Oh I see - I thought it was meant to be that way - I didn't realize it wasn't intended.
Hi, I am trying to set a random picture from a folder as a background to the lovelace. I have synced Google Photos album to that folder and have set up the folder sensor from slideshow-card https://github.com/igloo15/slideshow-card that lists all the files in the folder in an array. Setting a picture as a background is working by using background-image in the raw setting of the lovelace. The problem for me is to make the background-image source URL a random file path from the folder sensor, thus having a random background photo after every refresh. Please, any help with that?
I have added a thermostat card to a new dashboard and it's giving me ''Unknown type encountered: thermostat". Adding another thermostat card to my previous dashboard works perfectly. I've cleared cache, closed all chrome instances, rebooted HA but no success. Any ideas?
Or is it possible that a thermostat card can't be added in a picture-elements?
.share your config for it. Preferable with both the working and non-working elements.
Please use a code share site to share code or logs, for example:
- https://www.codepile.net/ (select YAML as the language)
https://paste.debian.net/ (select YAML as the language) - https://hastebin.com/ (sometimes may not allow you to save)
- https://paste.ubuntu.com/
Please don't use Pastebin, since it can randomly add spaces to the main view.
@karmic tiger https://www.codepile.net/pile/pKLoA1rW
second code is giving me a red box with ''Unknown type encountered: thermostat"
I don't see that thermostat is a valid type there: https://www.home-assistant.io/lovelace/picture-elements/
@dark dirge, thank you, any idea why I can add custom media players and custom graph cards in picture elements but not the core thermostat card?
there's an option for "custom cards"
there isn't an option for the thermostat card
maybe you could make it work by specifying the internal card name or something, but you'd have to search for that
Can you set card sizes in custom:restriction-card?
since is a special type I didn't know if other characteristics of basic cards or you could nest card types 🤷♂️
I setup a grid - and it made my cards too tall -
ok good news! Once again I figured it out
check this out, helped me a lot
https://youtu.be/5y6rhwr5Y8c
yes I've been through that one a couple times
I like this guy
is that you? - I guess not if it helped you 🙂 unless making it helped you
Anyone have an idea where the front-end translation files are for custom components?
in the translations directory in each custom component
My custom component contains both a front-end card and back-end sensors. I have a /translation directory and a strings.json. However, how do I make use of this in the front-end?
If you're building a custom component or a card, the dev channels are more appropriate.
Yeah unfortunately everyone is afk in that channel.
I am searching everywhere now for the solution on how this has been set-up
This is no excuse for crossposting...
Also, this:
People (and other sentient or vaguely intelligent beings) aren't waiting here for your questions, ready to leap upon them the moment they appear. Have a little patience. Keep in mind that repeatedly posting to get attention is against the rules (flooding) and can get you muted or banned.
It isn't cross posting, my initial question here was different.
The intent was the same. Keep it to one (correct) channel please. You've been around long enough to know where to post.
No, the intent wasn't the same, as the question here was different. I am not asking questions to just ask questions.
i made a graph/history card with some temp sensors, and now HA is unresponsive. cant restart or do something... what should i do now ? wait ? 😄
its not coming back
dont want to pull the plug
i pulled the ethernet and waited , now HA is restarting, wohooo 💦
hey guys I am struggling to get a decent looking interface for columns - It looks nice on the laptop - but not on my phone. I am trying to have all light switches (long list) as one column, another with just lights that are on, and then some favorites. I have it working on the computer really well. Just doesn't render wide enough on an iphone
Create two dashboards, one for desktop, one for mobile.
right - thats not a horrible idea - just a lot to manage as I work on adding new switches - need to manage two dashboards. I just moved in this house so switches are in flux. Im replacing those I already replaced 🙂 and the originals. So spinning plates. I was hoping to find a submenu under "Lights" that I could have three sub views of each of those columns - if that makes sense?
No, not really following. Like this? https://github.com/thomasloven/lovelace-fold-entity-row or like this https://github.com/thomasloven/lovelace-state-switch
see all | on | favorites at the top?
there may be a clever way to do this - I just don't know how to ask the question differently or think about it differently. I thought the 3 columns was clever it just doesn't rotate
merry-go-round of columns - Man-e-Faces
then I can click on a light in that pic- and I can adjust brightness with a slider - or if it is a room I can set a scene
🤷♂️
That's not the home assistant app. Unless you have substantially themed it.
Added http: use_x_forwarded_for: true trusted_proxies: - 192.168.5.3 my proxy still isn't working...what am I missing?
Discussion regarding the UI and configuration (https://www.home-assistant.io/lovelace). The Resources section of the UI is hidden unless you have Advanced Mode enabled in your user profile.
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs
got it...had to clear cache
this may sound basic but...how do I pick where the cards go in the UI ? I can't seem to move them
ah seems you can just move them up/down cant really drag em etc
Hi, i can't find my calender in the right side panel even duo i have a calender integrated, anyone know how i can verify that it's not hidden in the right side panel?
Hi, which is (if any) the key for change color in history graph ?
There was a discussion about exposing the line colours to theme variables but this has not happened yet.
Hi, I am using Home Assistant 2021.7.4 with the automatic Lovelace enabled, I would like to start manually creating my own interface, but I am having issues.
I have Google Assistant, among others, set up, and in Google Assistant, for example, there is an option to send a message to any google speaker.
If I set it up manually, I cant see how this is done, and the only way I have found is to integrate with the google cloud platform.
Is there a way to see the auto-generated Lovelace interface code?
Thanks
Sure, just add a new dashboard and don't take control of it. Lovelace will manage that new one.
Ok thanks I normal select start from empty, did not think of that!
how can i get the local language out of weather condition ?
https://ibb.co/WvJzvPk
Is that a custom card? How are you getting the weather condition into it?
.share the config for the card please.
Please use a code share site to share code or logs, for example:
- https://www.codepile.net/ (select YAML as the language)
- https://paste.debian.net/ (select YAML as the language)
- https://hastebin.com/ (sometimes may not allow you to save)
Please don't use Pastebin, since it can randomly add spaces to the main view.
Which bit gets the condition?
value2
Ok, just the state then, not an attribute.
If it's not auto-translating (which I don't think it will because it's such a customisable card), you'll have to create a dictionary.
Gimme a moment, I'll make an example.
I don't use that card but this should work:
var conditions = {
hot: 'heiß',
cold: 'kalt'
}
return `
<span style="color: #828f99; font-size:9pt;font-weight:bold">
<span style="color: var(--text-color-sensor);">
${conditions[states['weather.home'].state]}
</span></span>`
]]]```
conditions is your dictionary. Left hand side will be all the things that the integration could return as the state. Right hand side is your translation.
The new bits in ${} are just it looking up the English in the dictionary and getting the German back.
It's your responsibility to make sure the dictionary is complete. It only knows what you tell it.
and how do i get to this value? (for my above button card)
https://ibb.co/b3Zv9Xb
hey all, quick question, how do you guys do your front ends? I've been using Home Assistant for ages and every time I move to a new device with a new install, I have to recreate the dashboards.
want to switch to SSD soon, Dashboards don't get cloned /backed up ? oO really ?
The frontend is part of a backup
Hi! Could anyone help me or point me towards the right documentation. Im trying to change from the on/off-flashes in the Entities card to a switch. And in another place change the other way around, from a switch to separated on-off-buttons. I thought I could just add a "type:" below and write something.
This is what it looks like right now: https://ibb.co/qF6snX1
The switches with the two lightning bolts have assumed_state: true. You can change that via customization as described here: https://community.home-assistant.io/t/lights-now-show-lightning-bolt-for-on-off-instead-of-button-slider/44986, or review how the switches were created and adjust it there
Regarding SSL certs, all the guides say to add ssl path location under http in config file but when home assistant is in docker would the certs be added inside the docker container or the actual server?
no persistent data should be stored in the container. If you're running HA in a container, the certs need to be somewhere in a mapped volume
like the config directory, or some other volume that you choose to map
Do you know where that is locayed if i followed this guide? https://community.home-assistant.io/t/installing-home-assistant-supervised-on-a-raspberry-pi-with-debian-10/247116
I do not. you can use whatever path you want
You're pointing to instructions for a Supervised install, which assumes that you're an expert at managing your server as a prerequisite
Dw found it under usr/share/hassio/homeassistant
can someone help me? i'm trying to cast a lovelace view to a google home hub, this works sometimes, but most of the time it gives the error: unable to find a view with path xxx
casting with https://cast.home-assistant.io/ works effordless, but thats not the way i want to activate it
Anyone know of a card where I can show an hourly forecast for the next 8-12 hours?
The standard weather card with openweathermap only shows the next 5 hours
in which card do i display RSS Feeds ?
No not the home assistant app. It is what I am trying to emulate - if that makes sense
just out of curiosity can cards flash or change after a specific value is met? (im gonna search right now so disregard if this is super easy haha)
disregard i think i found what i need
how can i make this with a custom time stamp ?
${states['sensor.last_boot'].state}
is there a way to change card order in a view based on which user is logged in?
or refer to one card in another card to avoid duplication?
I haven’t updated it in ages, but the list-card works for that
Check out decluttering-card
i'll check it out, thanks
I don't seem to be able to set a value in a number entity using the slider-entity-row. IT says specifically that this does support number, and I can drag the slider around to my hearts content, its just that the entity never changes value
min: 0
max: 32
step: 1
entity: number.evnex_maximum_current```
Hello, just wondering is there anyway to hide the energy and map icons on the sidebar? (My country doesn't have great hardware support for any energy meters and it'll be awhile till I set those up, and I do not want to show maps to the family). Are there instructions for this in the docs, and if so, any key terms I have to search for?
Easy, just press and hold "home assistant" at the top right for a second or two. When you release you have the option to delete any icons
Click 'done' at the top when finished
Thank you very much kind sir!
Hi Guys, Trying to get my Person Image to show inside another entity to show my actual location in the House (based on unifi AP connectivity) But I cant seem to figure out how to either 1) Copy the entity with the AP details to the Person Entity or 2) Copy the Person image to the Location entity
Hold on, Got it working by changing the entity_picture value in the Entity itself to the same url as the photo I had stored
I hope this is the right place to ask about the "Energy Dashboard" - is there really no way to configure what time range it shows ? It seems practically useless without being able to see more than a day at once, which seems very odd to me; am I really supposed to click back and forth dozens of times in order to compare two days, for example ?
Wait for it... Next release has week, month and year views. Also it would have been better asked in #energy-archived
I am trying to also set up energy but thought this question goes better here. I want to have a value set for a sensor that is zero if the underlying sensor is 'unknown' otherwise use the integer value of that underlying sensor:
phev_charging:
value_template: "{{ states('sensor.evnex_power_active_import')|int if state(sensor.evnex_power_active_import) != 'unknown' else '0'}}"```
But I think I have to interrogate something like state.state of the sensor rather than 'state'. I get lost in the meta-data around entities and how to pull information like 'unknown' from what is otherwise a numeric sensor
note this value is unknown if the EV charger has not recorded a session since I last reset it, otherwise it reads zero or actual instantaneous power. If I dont try and template it I get lots of yellow boxes on my dashboard saying "Entity is currently unavailable: sensor.phev_charging"
Trying to access the dashboard by passing a long lived access token header. Get stuck with the blue top border and nothing else.
Any idea how to achieve reaching the dashboard via a long lived access token?
I'm aware of the security risks, it's very much for local and testing purposes.
Hi all, trying to use logger filter on a frontend error that doesnt effect anything. Due to the version changing, i need to change the version at the end of the logger config each update. eg frontend.js.latest.202108090. Is there a way of doing this without needing to change the version each update? https://www.home-assistant.io/integrations/logger/
Thanks, for both pieces of info 😄
can i make a card "tap action" to open another card ?
the overview should open the custom graph
@trail frigate you can use the navigate option to go to a view that has the cards you want to display on tap or you can check out browser_mod and define a custom popup
thanks
Hello! is anyone aware of a method for updating Home Assisstant (Hassio core) using a lovelace command / button / script?
‘Hassio core’ is confusing. What is your actual install method?
Hass.io was the old name for the appliance like install option, that uses Docker. It was renamed in January 2020 and is now called Home Assistant OS (see #330990055533576204).
So not Core
Oh I'm sorry :P I mean HassOS
So you want an alternate to the update button in Supervisor?
Yes!
I only said core to indicate I want a button to update the Home Assistant (Core) Container (within HassOS) and not the Supervisor :P
I don’t see an explicit service for it. You could run ha core update through the SSH&Web Terminal addon, as described in the addon docs
I personally just have a button that turns red when an update is available and navigates to the supervisor dashboard when pressed
Sometimes I see people that have sliders in their frontend like in iOS. When you tap a card, a big slider pops up. Does anyone know the name of this addon?
@proven oar That's the one! Thanks!
i like this one: https://github.com/mattieha/slider-button-card 🙂
no popup though, just a slider on lovelace
🎉 layout-card 2.3.1 released to fix the disappearing Add card button.
How can I make Thermo state UI open more-info frm double-tap instead the 3dots button ?
double_tap_action:
action: more-info
Doesnt seem to work with Thermo state ?
Anyone ?
bueller? Seriously, just be patient
What’s a Thermo state UI?
Sorry Rob I no just though of bumping so I can finally packup for the day :X
Ohhhh thermostat. Sorry
Oh sorry yea Thermostat
I don’t think that can be done, no.
Yes just tested it with a button and it works but not possible with thermostat it seeems
so for fan and swing I have to use the 3dots 😦
Not a big issue though :p
if i try to add a caed by entity and choose a bunch of entities and then hit continue, nothing happens.. it doesn't add a card or prompt me any further. Is that intended?
Hi all. I have an entity card in a horizontal stack that is within a full screen 3-column horizontal stack which does not display the entity value. https://ibb.co/3CWjm7L In this image https://ibb.co/qjGB61Q the entity card displays correctly in a "vanilla" panel.
Anyone know what is going on there and is there a workaround?
Do you have correct entity? One appears to be "Export Power" and the other "Power export". Also sharing your card configs would help.
Please use a code share site to share code or logs, for example:
- https://www.codepile.net/ (select YAML as the language)
- https://paste.debian.net/ (select YAML as the language)
- https://hastebin.com/ (sometimes may not allow you to save)
Please don't use Pastebin, since it can randomly add spaces to the main view.
The difference is just in the use of a "name" field. The config for the stack card is
type: entity
entity: sensor.power_now_export
name: Export Power
attribute: unit_of_measurement
and for the standalone card is
type: entity
entity: sensor.power_now_export
I cannot imagine applying a name in one sense could cause this.
I thought it may have been a browser issue but it does the same in chrome and FF. Also tried clearing the browser cache and using the default theme but no change. Is this a bug?
Do you want to see the whole config for the stack? Here it is https://pastebin.com/4QcjUDDv Thanks.
Solved. I removed the Attribute entry and all is good. A bug?
It actually looks like a bug in the Entity Card as the fault arises in the standalone card when the Attribute Unit of Measurement is invoked.
how can i make timestamps nice in lovelace ? this is unreadable 2021-08-30T00:06:14
create a template sensor with what you want or use a card that allows you to format the time/date
I would use (states("sensor.foo")|as_datetime).strftime("%H:%M") with an appropriate format
thanks rob, but don't get it to work
https://www.hastebin.com/aqurajiyih.kotlin
Not a bug. You were attempting to show the unit_of_measurement in an entity card, rather than the state.
that's the wrong template format for that card
I gave you Jinja, and you need JavaScript
and I'm not a JavaScript dev, so someone else will need to jump in. Or you can Google
okok, thanks for the help, i already google 🙂
or, like I said, you could create a template sensor with the Jinja that I provided
i tried but i am not lucky, can't check config
https://www.hastebin.com/koxecowosi.pl
Luck is unnecessary
for a non dev it is 😄
Reading, thinking learning
i'm on it
hello, is there a card or some way to view camera feed as video player? or expose the full screen button?
hey guys, is it possible to add social login to home asistant frontend?
Does anyone know how to show more than "Today" in the new energy dashboard? In the demo theres the option to show week, month etc...
Found a way to reproduce. Just open 2 tabs of HA on the same PC. eg open the dashboard in another tab while on the logs menu on the other tab. Then it logs this. Can anyone reproduce? If you can, and its not an issue on my side, i can make a bug report
I'm using browser mod to popup my doorbell camera on my tablet when a person is detected. I'm also using an automation with service call browser_mod.close_popup to close the popup after 25 seconds.
Everything seems to work fine, however, upon closing the popup, the sound of the camera keeps on going. Any ideas?
I'm trying to find my config/www folder. It doesn't seem to exist. Can I just create it?
yes you can, you did not install any custom card so far ?
no
I found in the docs where it explains how to add it. I'm still having an issue
It says that the folder could be accessed by http://your.domain:8123/local/ . However I get 403: Forbidden
same for me, this is not an acutal website
I used my domain
you can link files inside www into particular locations, e.g. lovelace background
I am trying to add a custom card
why not installing it via HACS ?
I added www folder under config. Restarted. Added vacuum-card.js to folder. Went to config-> Lovelace->resources and added /local/vacuum-card.js as a JavaScript Module. Restarted. It's not displaying
I can't get any repos under frontend to diplay in HACS
I was able to get Integrations in HACS working fine. I tried switching to YAML mode as well. Uninstalled HACS, reinstalled. Waited an hour. No frontend repos
on my side it's: www/vacuum-card/vacuum-card.js
@polar kelp If you could spare a minute later today 🙂
can anyone help me diagnose some browser console/HA Log issues related to different cards/resources?
seeing issues with google-keep-card, list-card and some other random errors - just tired of seeing them.
Can anyone share a working card configuration for the Light Popup Cards? (https://github.com/DBuit/light-popup-card)
I cannot get it to work, I find the github page hard to understand. Any help or examples are greatly appreciated!
that should work based on their git.
just pop that into a blank custom card. make sure youre indents are good
and replace light.xxx with real entities
also make sure you install browser-mod. seems like it may be a dependency?
Thank you for your assistance! I got it working now.
Where should i post an issue if i was to ask to add maybe an ability to do custom colours to the gauge card or maybe at least add in the blue colour if green is set above 0 to the needle mode(as it is for the none needle mode
discussion not an issue?
it sounded like a feature request
Ye makes sense
and yes, that's where feature requests for the frontend go
found a similar topic so just gave it a bump. The UI is in react or something else?
Hello, I am unable to select a theme in the theme dropdown. In dark letters it says Backend-selected. How can I enable changing themes from the UI?
Have you added any themes?
Yes, I downloaded two of them from HACS
And in file editor I can see a folder called themes, and in there I can see the 2 folders for the themes I downloaded.
I can see that setting in my profile. Just the option is Greyed out.
do you have this in configuration.yaml?
frontend:
themes: !include_dir_merge_named themes
Nope. Let me try it
That's exactly what I needed! Thanks!
Anything I read said to add this:
frontend:
themes: !include themes.yaml
that's fine if all your themes are in that file. For HACS: https://hacs.xyz/docs/categories/themes/
it tells you to add that
np
Hello! I've been struggling with learning how to create custom cards for several days now. I've followed the examples here: https://developers.home-assistant.io/docs/frontend/custom-ui/lovelace-custom-card/ but they haven't really helped that much. Is there a step-by-step tutorial that explains how the various methods work? For example, I haven't been able to find information on how and when the render() function gets called, and why I've only seen it in the source code for some custom cards I've tried to learn from, but not all. Thanks for any help that can be offered.
#devs_frontend-archived will be of more help
Thanks!
Hi, I'm trying to display a low-resolution image in a picture card in its original size (80x80) with a black background. Can I achieve that with card_mod? Thanks
What's the appropriate way to call a switch.turn_off?
E.G.
type: glance
entities:
- entity: binary_sensor.garage_door_tilt_access_control_door_is_open
name: Garage Door
tap_action:
action: call-service
service: switch.turn_off
service_data: switch.nr_garage_door```
not that way
tap_action:
action: call-service
service: switch.turn_off
service_data:
entity_id: switch.nr_garage_door
guys is it possible to have an entities card that shows which lights are on display them as button card that I can then tap to turn off?
seems that my database got screwed up once again, all graphs are stuck to "loading state history" , with the database now being over 2.5GB in size
is there an official tool to recover from that situation?
Sure, rm. But you want #general-archived, since it's nothing to do with the frontend.
sigh, always posting in the wrong place.
rm would make me have to redo years of tweaks
Hi to all!
I don't want do a "cross post" but I opened a thread in the forum. Basically, I need help with a MQTT custom sensor to move into new Gas Dashboard. I'm going crazy. Can I link the URL and ask for help there?
On the forum there are also all the tests I done... I made my homeworks 🙂
Statistics graph - is it possible to define:
- min / max Y axis value
- entities (datasets) hidden by default - until user clicks on them
?
One of the sensors had a value spide and now my entire chart is "flattened" 😔
@feral rivet check this out https://github.com/thomasloven/lovelace-auto-entities
Sounds like you want #energy-archived
@dark dirge Awesome thanks that worked perfectly.
does the statistics-graph card allow for multiple entities with different units? I would love the new graphs, but my entities are not equally measured (though very much related..) see code in #energy-archived where I was before this. #energy-archived message
Thanasis suggested several custom cards, which I do use in other context, but for this, Id love to stay in core cards
Hey:) I want to customize some gauges in the Energy Management Dashboard to show other information (for eg: self-sufficiency). I've tried doing a Fork of the Frontend github Repo and followed the Frontend developent instructions but without any luck. Am I doing something wrong, or is there an easier way to do this?
I've tried these Instructions, but any time I type in the "frontend:" part in my configuration.yaml file, I get a 500 Server error.
#devs_frontend-archived would be better
ok thanks
Trying to find out how to change the icon size of a normal button-card because i don't want to use a custom: button-card for this card i'm building.
style: |
ha-card {
--card-mod-icon: 80%;
}```
But it just let dissapear the icon?
Checked in Chrome Dev Tools and --mdc-icon-size: 100%; changes the icon size but i can not define it with card_mod?
how can i get the day in german ?
value_template: >
{% set x = states('sensor.time') %}
{{ now().strftime("%A") + now().strftime(", %H:%M Uhr")}}```
Use a dictionary.
I feel like we've had this conversation before.
Except you're in the wrong channel this time... you want #templates-archived, and you'll be working with Jinja, not JavaScript.
sorry, some things are still confusing for a beginner
Hey guys I am trying to use a custom:state-switch card nested in a picture elements card. I am getting No card type configured . What am I missing
Now, this is just a pure guess... but maybe type:?
There is a built-in option for that https://www.home-assistant.io/lovelace/button/#icon-height
Thanks. Strange enough it can not make the icon bigger than the default size, smaller works fine.
entity: input_select.lighting_button
states:
Kitchen:
cards:
- type: custom:layout-card
layout:
width: 300%
cards:
- type: custom:button-card
styles:``` It's not missing that.
Also @polar kelp I am having an issue with auto-entities where each time I create the card and hit save nothing is saved. Not errors displayed or nada, just no card. Has anyone else experienced this?
yes you are, look at the examples of state-switch
e.g.
states:
Kitchen:
type: custom:layout-card
etc
i.e. you need a card type for each state
oh🧐 okay
Hey guys, I have a question. I have a webhook triggered template sensor that receives a number, which is confirmed by the dev tools but in a history graph card it shows like strings. Any idea what I'm missing? Thanks for the help
All states are strings. Which means they won't graph unless you give them a unit of measurement.
Wait, wrong link 😅
I don’t know why that’s sending me to the wrong place. Anyway, add a unit_of_measurement as mono said
Thank you so much!! I've been pulling my hair for ages...
this also explains why my binary_sensor showed on a graph... 😓
Well that change did not solve the issue type: custom:state-switch entity: input_select.lighting_button states: Kitchen: cards: type: custom:layout-card. I deleted the other card and started over and same results.
cards:
type: custom:layout-card```
And you're still not doing what ian said to do.
- type: custom:state-switch
entity: input_select.home_mode
states:
Home:
type: vertical-stack
cards:
- type: entities
title: Lights
type: belongs immediately under the state. Not the state and then cards: and then type:.
wow, been at this too long today. That fixed the no card issue. Thanks
Not really a frontend subject but I dont know where it belongs:
How do you print from the www.home-assistant.io/ website? Whenever I try printing it only does the current screen.
Regarding the custom fold entity card:
Is it possible to remove this (https://imgur.com/a/ZQvGUdB) line?
My code:
- type: entities
entities:
- type: custom:fold-entity-row
head:
type: section
entities:
- media_player.living_room
I don't want anything to be shown when the card is not expanded, hence the empty head.
Sure, don't use ```
head:
type: section
hey guys need some help with this: I am building a series of cards within a picture elements card - type: custom:state-switch entity: input_select.lighting_button states: Kitchen: type: vertical-stack . The normal process with PE is that each element has styles: added to each card for placing them where ever you want them to go. Would that still be the case for both the custom:state-switch and the vertical-stack? If so what would that styles: look like?
Is it possible to use some sort of variable in the days_to_show attribute of the statistics-graph and with some dropdown change the days_to_show to update the card?
Thanks. Use what instead? I don't understand the documentation here
https://github.com/thomasloven/lovelace-fold-entity-row#usage
Anything other than "section" which is what draws the line.
What other options are there aside from section?
template-entity-row
Or just a dummy row from a random entity (that exists): yaml entity: sun.sun name: " " icon: mdi:no-icon
Wait... that will still show the state... use template-entity-row
Do some cards , slow the frontend down?
I noticed a few errors on chromes console when loading lovelace. E.g I had a spotify card installed but not using it and it was getting loaded.
I'm not sure this is the correct channel 🤷
I'm using an picture-entity card for an live camera stream, but after an certain time the streams stops.
I see this in de browser console:
Failed to load resource: the server responded with a status of 404 ()
Do I have to make an GitHub issue?
When the stream stops, I see this in the browser:
{url}/api/hls/7262459b6308591e49a22829ff9ad07afe4dbcbb4cea212cedb1f1b560bc17d3/segment/1494.m4s with result 404
It is absolutely possible. If I remember correctly the spotify card makes direct API calls to spotify, which depending on how they are done could absolutely effect your performance
Looks like the removed the direct API calls awhile back and have an integration now instead. Regardless, it is still possible and most likely a custom card
There is that jinja template card too.
i use this theme: https://github.com/JuanMTech/green_dark_mode
until 2021.9.0, lights that were on "white mode" used the same green accent color as the rest of the UI, but now they use a color based on their temperature... is there any way to get the green back?
How do you change the UI? I saw a really sleek one by Mattias that I wanna try
hello all, I have quite a silly question (and also wasn't sure if this is the correct channel): how do I actually setup the energy dashboard?
I already have several energy related devices connected
but I can't find where I turn on the energy dashboard
the docs had a redirect link to my installation but I end up with 404 errors there
running 09.01
it seems to be redirecting to https://<hostname>:<port>/_my_redirect/config_energy
which is a 404
if I remove _my_redirect it's still a 404
and if I remove everything after <port> it loads normally, so the base URL looks fine to me?
There is a channel for it, I think you can be helped there
#energy-archived
ah thx, sorry missed that
https://www.home-assistant.io/lovelace this should explain it a bit for you
But I want to change it from Lovelace
I don't see anything about switching Lovelace out for another UI design
you are missing the my #integrations-archived
what UI are you trying to use?
I want to try out https://github.com/matt8707/hass-config/blob/master/configuration.yaml
that's his WHOLE config
How do people generally deal with HA sidebar being full?
Do they just remove addons from sidebar?
Remove history / logbook / map / whatever?
Is there a better de-cluttering strategy?
(I was thinking maybe putting the least used ones in a Lovelace as views, but I dunno how - especially for addons)
The sidebar is constant across views. You can remove items you don’t need by pressing and holding on the Home Assistant title
Yep, but then they will no longer be easy accessible then 😉
I was thinking if there is some middle ground between removing them completly and having them accesible through 2 clicks/taps max
e.g. to get to the addon I would have to go through supervisor > addon > webui - 3 taps/clicks in different areas of the screen
That's not a UI and you can't just copy someone's UI. It's all dependent on what entities you have available
I posted this in #android-archived but they said it was a frontend thing, so re-posting here.
A feature to disable stuff in the app would be cool. Don't want my kids accessing the sidebar, only their dashboard.
Right now if they click logbook they can access all sorts of devices that aren't on their dash, and it's getting annoying having to fix it after they mess up everything.
They should be able to access only their dash items, not esphome, logbook, app configuration, energy etc.
They are users, not admin in the server configuration but can still change way too much stuff and I can't stop them.
A "show_sidebar: false" item in the raw config maybe?
Well how can I change my own design?
This looks like a pretty complex and highly dependent on custom cards. You'll need to install all the cards they are using, you'll need to create a new dashboard that uses YAML mode and then I guess you can copy their ui-lovelace.yaml, but I'm sure it will be heavily broken
You can use the path from the browser for the URL in a navigate action for a button card. /hassio/ingress/core_configurator for the File Editor, for instance. /logbook for Logbook
hmm... it does meet the 2 clicks/taps requirement so I guess it's a good solution
a single click 🙂
Hi all!
Am I at the good place to get some advice on building a lovelace view ?
I would like to generate it in fact. Parsing Areas first, then generating buttons by domain (light, media player, windows, etc)
Hello everyone!
I would like to add a button to my local media folder/media library in the footer of a card.
type: buttons
entities: []
Which entity do I use for that? Is there even an entity for the local media ?
Sorry if this question is probably dumb. Just started setting up my very first HA setup last weekend and the learning curve is rather steep.
why isn't this working ( it works fine with weather)
[[[
var conditions = {
home: 'Dahoam'
}
return `
${states['person.riotmode'].state}
` ```
anyone knows how to fix this issue ?
https://github.com/custom-cards/bignumber-card
It works fine from a laptop, but from tablet it shows = custom element doesn't exist bignumber-card
clear cache on tablet
also when running HA ios app ?
Ive got the same issue, cleared cache in Chrome and safari. But no go..
Can I clear cache inside the app ?
Is there a way to remove the stat type from the legend of the statistics-graph? I used the name option but the type is appended in parentheses.
- type: statistics-graph
title: 'Solar Panel Details'
stat_types:
- max
entities:
- entity: sensor.enphase_panel_1
name: "Panel 1"
...
For some reason the clear theme (https://github.com/naofireblade/clear-theme) doesnt apply to the supervisor page on my PC (stays dark). The mobile app applies the theme correctly. On both the PC and the app, "backend-selected" is chosen under profile>theme. https://imgur.com/a/HzOn45k
I'd reach out to the author of that custom component. Though it looks dead since the last commit was almost a year ago.
Hitting an issue trying to put two entities in a custom card. The card instructions show to use this format https://pastebin.com/3redRSr3
But I can only get one entity to show using this format
https://pastebin.com/WptTxxhE
This also fails:
https://pastebin.com/JUQMuim6
What is the proper format for multiple entities?
what's the card?
garbage-collection-card
what's the error?
it looks like you're trying to put two cards in a... stack? each with a different entity
rather than two entities in a single card
better yet, can you share the whole card yaml?
That is the text under the card configuration. Is there code elsewhere?
The error under my paste #3 says duplicate mapping key
paste #1 is the whole thing?
#3 is invalid, I would expect duplicate mapping key there
paste #1 looks correct... if it was inside something like a vertical stack
you'd have
type: vertical-stack
cards: <-- your paste #1 here
...
Paste #2 is the only one that works. I tried creating a ui-lovelace.yaml file and put #1 in it just now. No errors upon reboot, but not sure where to find the card via that method
I'm trying to use this card - https://github.com/amaximus/garbage-collection-card
The example shows it using two entities. I would like to do the same
When I create the card [Add Card -> Manual Card -> Code Editor] only paste #2 works.
I tried creating a ui-lovelace.yaml file and pasted the multi entity example in. Now what?
I'm experimenting with the Energy frontend, and I've added some individual devices for monitoring. The table in Energy shows one row per device being monitored, and scale from 0 to 1.0kWh. Nothing is graphed. If I click on a row I see a pop up graph for that entity that progresses up as time goes by (ie, it's an incremental counter of energy, not instantaneous) which seems right to me. What might I be doing wrong?
you need to put the code from GitHub here
@coral rock
that's two different cards in a stack
the - is what makes them separate; two cards in the list cards:
which is the field used by a type: vertical-stack for its list of cards
is there a way to create a file with all the translations in it, which can be linked to a state that should be translated ? would be so much easier than to create a template for every state.
I want to create a user that only have access to one panel. Is that possible?
So whats the best solution if I want a wallmounted panel in my entrance to arm/disarm the alarm? A own HA instance on a different port and some api solution between? hmm..
Non admin account and disable view capacity on some user interface panel ?
like this @stone chasm ?
https://wtf.roflcopter.fr/pics/2CGxoQfL/GM7X3F2w.png
Perfect. That is a good solutions, thank you!
Hi guys. Could someone help me to add custom card installed through HACS to lovelace (details comes....)?
Archlinux bare metal machine, homeassistant was installed from Arch community repo (yeah, I know, stupid way 🙂 )
homeassistant version is 2021.9.0
HACS was installed with install script wget -O - https://get.hacs.xyz | bash -
HACS appear in left navigation panel and I am able to browse and install add ons
how to add custom "TV Remote Card" (the thing I call add on and real name is probably different 🙂 ) to lovelace?
In UI - from left navigation panel > HACS > Frontend
So you know how to install it?
Or you want to know how to add the actual card to a view?
It gives you an example
I already installed it from HACS, but when open "Edit Dashboard" > +Add Card, I cannot find it
yes, how to add it to view
where can I find "what it tells me"?
I used custom card just once long time ago and forgot how to proceed further
click on the "addon" and click repository , there you should fine the manual for the card
It’s right on the info page for the card in HACS
Much of the rest of the instructions in the readme are ancient history, but that looks fine
#frontend-archived message
No / Yes possible ?
😊
thank you very much and sorry for (probably) dumbest question ever, instruction is in information
there is no dumb question, only dumb answers
Hello...I hope this is the right place to ask a question. I am using Fully kiosk to display my lovelace dashboard. I have created a new dashboard and no matter what URL I put in, I always get the initial dashboard that HA created. Does each dashboard you create have it's own URL and if so, how do I find it?
whatever you called the dashboard, all lowercase with spaces replaced with "-". I have one called "Test Auto" and the path is test-auto/0
You can also click Open on
-> Lovelace Dashboards and see the URL
Thanks @dark dirge , I'll give it a try!
Just tried it and it worked perfectly! Thanks again for the help!
Is there any way to make the calendar card taller?
For the tabs' icon and the line under them, what parameter should I change in myTheme.yaml? I tried changing paper-tabs-selection-bar-color but it didn't make any difference. Also what's the parameter for differentiating between the colors of the selected and non selected tabs?
anybody have an idea here? is it possible to change the accent color for "white" overall, so it overrides the temp color, maybe?
Hi there, how can do some thing like this on my board ?
https://wtf.roflcopter.fr/pics/JHEmDuAs/UHT5o5vJ.png
The instructions there should say. If not, it might be in HACS too.
@hushed dagger there's a bit that says "For installation instructions, see this guide."
click there lol
I would recommend HACS though, as is indicated in that guide as well
Oki i go to check that, but i never use auto install script ^^
pretty simple, create a custom_components/has directory, download extract then restart HA ... easy peasy, https://get.hacs.xyz is totaly useless ...
Is there a way to remove an item from the sidebar for all users rather than doing it for each person individually?
No
For the calendar card list view is there a way to make sure it shows the next 7 days instead of Monday-Sunday even if it’s not Monday
Because if you then click on the list view icon again it moves it to today, but how can you make it go there by default on page load
Is anyone familiar with card-mod themes? I'm trying to use it to put the header on the bottom but it's not working when I use the example code
Well, it's working just when the header gets moved to the bottom theres still a 60px long gap on the top where it used to be
does anyone have an example of a stacked column apex card I can look at, I can't figure out the stack option
This is the issue I'm having #331895494844481548 message, the calendar list view is starting on sunday but its not supposed to
haven't used it but from the docs looks like stacked is just a boolean option
Hi
I don't know it's the right place to ask but since the new update 2021.9.3, my ESP32 cam now is displayed in black & wide inside the card.... while direct overview of the entity is in color
What kind of hacs plugins or whatever do you guys use to create a nice looking responsive dashboard?
Careful planning, but you may want to look at layout-card.
Howdy, I just installed an Envisalink EVL4 and it is working great! I am using the alarm card and notice that there is no keypad. THis is because I hardcoded the alarm code in the config.yaml.
Teh capability work as expected (e.g. it can disarm and arm). However, I would like a card with the keypad on it. How would I do that?
Why are there not all media players inside of the media player tab in HA?
I can see my web browser, home mini but not my fully browser nor the fire tv
Why?
If you created that tab, it's because you haven't added them to it
- Why are we discussion "creation of a tab" in Fronend? It is the default?
- How can I add that to the default Tab?
I am not talking about anything that is lovelace related.
I press "Media Browser" - press the "Choose player" button (top right) and there is no Fully Broswser player
I still see no point how that is related to #frontend-archived but I might be terribly wrong 😦 sorry for that.
Ah, media browser, not a media player tab...
If you'd said that it'd have been clearer
Yeah my fault not being able to do proper realtime language translatons 😦 sorry for my English teacher.
I just added the Alarm card to my panel. In all the documentation I see it has a code, I only have arm and disarm buttons. I feel like I'm missing something.
it looks like it changes based on the alarm_control_panel. entity that you provide
I get Arm and Disarm when I specify my Arlo base station, but I get the keypad when I point it to my actual alarm system
See that's what I think I'm missing. My Aarlo one has arm and disarm. I installed the Alarmo integration and it added alarm_control_panel.alarmo
I don't have alarm_control_panel.alarm which all the documentation says comes with HA.
you just said this:
I asked #general-archived how to get that back and I was told the Alarmo integration would add it in.
alarm_control_panel.alarmo
you said the integration for Alarmo added alarm_control_panel.alarmo?
yea
The default entity for alarm_control_panel.alarm
Okay I guess ill see what I'm missing with the alarmo integration then. Because that one still won't show the option to enter a PIN
ok, that's an #integrations-archived question. it's probably in the supported_features attribute: supported_features: 7
Yea I'll take this to integrations. I don't even have a configure option for Alarmo integration.
ok, I looked in the source for the card and it's based on this: code_format: number
${stateObj.attributes.code_format !== FORMAT_NUMBER
? html``
: html`
<div id="keypad">
so it only shows the keypad if the code_format attribute is number
here's the code_format definition from the Alarmo custom integration:
@property
def code_format(self):
"""Return one or more digits/characters."""
if (
self._config and (
self._config[ATTR_CODE_ARM_REQUIRED]
or self._config[const.ATTR_CODE_DISARM_REQUIRED]
)
):
return self._config[ATTR_CODE_FORMAT]
else:
return None
https://<your ha instance>/alarmo/codes should look like this and you need to have added at least one user with a pin code on the same page
I got locked out of my home assistant because of too many login attempts. I deleted the entry from the ip-bans file. is there a way to restart homeassistant without a power cycle?
depends on how you installed HA
I have home assistant os on an RPi3
then you can ssh in and issue ha core restart
or do the same from the console (monitor/keyboard)
what user do I use ssh as?
have you set up ssh via one of the two addons?
should be the first or second thing you do
Im doing it now. Thanks for your help
anyone have a suggestion on how i can accomplish the following:
a button which on click increments a counter, and requests input for a value.
for instance, fill up with gas, click fill up, increments "fill up" counter by one, then brings up dialogue to request how many litres
is there any way of using group.all_lights as an entity to a button - I've tried it and it doesn't recognise the entity. I have to create a group, fill it with entities and use that.
Well, yes... that's whats groups are.
I'm not going to test it right now because people are awake in the house... but using I think using 'all' as the target entity ID might work. Don't think it's documented but I've seen it mentioned.
But it's not an entity, and will only work in a service call.
The better option is to create a template light (see #integrations-archived ) that can both show the state (on if any light is on) and control all lights.
Hi There
I am trying the new number templates of the latest release, and i looking for a way to show this as a Slider in the lovelance insteed of a number input box.
Any idea to resolve this in the simplest way?
I’m not sure you can. Maybe an input_number is more appropriate for your use case?
When adding a resource under Configuration > Lovelace Dashboards > Resources will they appear in some YAML file or are they separate from YAML defined resources?
Separate
Hello 🙂 Would someone be able to help me with coding a auto entity card that shows chores (that i set up with this guide - https://community.home-assistant.io/t/created-a-chore-tracker-with-points-system-in-home-assistant/316175) on a per time basis. like in the morning then night time again? Thank you! 🙂
Does anyone know the specific property name that goes inside the theme yaml file for the color of the cards' border?
Yes
how might i give the main panel of backround a slight gradient? is there a path to throw a backround in?
Hi guys. Trying to make simple text input field with button. Button press should send entered text to my android tv box. For now, it is ugly, cause I want to have working functionality first, will focus to look and feel later.
My question is: How should variable (state value) being formatted in ADB command, to be sent as text string and will this below being possible at all?
`type: vertical-stack
cards:
- entity: input_text.orion_box
type: entity - entity: media_player.orion_tv
type: button
tap_action:
action: call-service
service: androidtv.adb_command
service_data:
command: input text "{ state{ input_text.orion_box }}"
entity_id: media_player.orion_tv`
Attention!: Please use https://www.hastebin.com to share code that is more than 15 lines.
Actually, it is 12 lines (I read the rules 🙂 )
So, I'm mostly interested in line: command: input text "{ state{ input_text.orion_box }}"
thanks in advance
And would like to mention that I already have working ADB connection over network with my android box, I have other buttons which calling service androidtv.adb_command and it is working
Above example for sending text is also working, only thing I think isn't good is that I don't know to format variable in ADB command, i.e. I'm getting { state{ input_text.orion_box }} text string sent to android box, not it's value
Not sure where this fits but i would like to get my dashboard on my Samsung TV. Either through an app or through chromecast. Only issue is i don't have a browser to cast from as the computer that runs home assistant is headless. Any ideas?
Don't argue with the bot. Your entire post (not just the config) exceeds the limit.
You can't use jinja templates in the core Lovelace cards.
🙂