#frontend-archived
1 messages Β· Page 186 of 1
Anyone installed https://github.com/Mariusthvdb/custom-ui recently? I am unable to get it loaded.
i am unable to find it in HACS
Anyone has any ideea if i can make card-mod plugin styles apply instantly/be persistent? Everytime i refresh the page, the cards that use card-mod plugin transition from stock to card-mod attributes and feels really weird. thank you!
In a picture-element card can can I bold the font and change the size of the text?
Should be possible through a custom theme you can assign to that card.
yes. This will do it.
'''
entity: sensor.home
style:
font-size: 30px
font-weight: bold
''''
awesome . thanks
I am working on this card https://imgur.com/kVPP33u. it's a picture element card. How can I gain some space between the prefix: Temp and the temp reading?
use quotes:
'prefix: "Temp " '
you're welcome
tried it . getting this error can not read an implicit mapping pair; a colon is missed at line 5, column 21: 'prefix: "Temp"' ^
remove the single quotes. thats me not knowing how to insert code. should be prefix: "Temp "
got it
Hello. Iβm trying to make a panel mode so I can place all my entities with coordinates but I canβt get the background to just be one color that auto adjusts to the screen. Can this be done?
I donβt want to have to scroll
I am trying to understand a perceived inconsistency in why a button's icon changes for one entity but not for another. One button is a switch.myswitchname and the other is remote.myremotename. both buttons are configured the same, both entities have an on and off state. The switch icon changes color on toggle_action. The remote icon doesn't change on toggle_action. This seems odd at face value? This remote icon is the one i want to change color. https://imgur.com/a/vVxPPWG (the remote icon button and remote enitiy row point to the same entity.) In my mind any entity that has a primary state of on and off should behave the same as a switch entity, with the state_color: false being the overirde for this)
sometimes errors only show below the visible edit box - and given the edit box doesn't max to viewport size its easy to miss. (though i know that wasn't the case in this example)
seems this is intentionally turned off for the remote domain, i have started a discussion on how this might be changed without changing the default / expected behaviour of the remote domain for 99% of people. https://github.com/home-assistant/frontend/discussions/8221
So I have a weather card in Lovelace that reports the rainfall. The data via my phone is 0.14". Lovelace shows it as 0. Is there a way to make it show a specified sig digit precision, like .01" ??
What does the raw attribute data say in developer area?
@median harbor You're right. The developer tools area lists it as zero. I can see it on the separate display (local digital screen sold with the device) and on the app on my cell phone, and both read .15 inches. Looks like its the data that's the problem, not the precision of the display. Thanks for the insight.
Does the device have a rest API? If it does Try retrieving the data and storing as a float variable.
hey guys, is it possible to change icon color ? Depence on the state of a entity i mean
I made a helper (DAYS as a number) . How do i round it of? It shows 3.0 days now.
yes using templates, there has been a discussion on this in templates today you might find useful π
Oh oK π
what kind of dark magic is lovelace using to cache the UI panels?
I'm trying to get this SVG clock to work: http://www.3quarks.com/en/SVGClock/index.html
I can add it via iframe just fine
but editing it is a pain, because the UI is cached somewhere
changing the iframe html or the svg directly does butkus, I even removed the files and it's still there π€£
Did you disable caching in the browser network tools?
Hi, its not possible to establish a default tab per user?
yea, that did it.
so the secret is that HA is sending the lovelace data with insane cache-control headers
with no Etag or anything
but now I've got two tablets with the app installed, both have cached a shitty intermediate version of the .svg
how do I get the app to clean the caches?
Whatβs HAs default font called?
Roboto
They are using a few. Use chrome tools and inspect
Sorry, dunno what that means. I'll research it.
how to have a filter card display attributes ? i want to show entities based on there state of course but instead of state as display i want an attribute
there are a bunch of custom cards if you google, if all you want is to display an attribute you can do it in an markdown card, for example ``` type: markdown
content: >-
<center> Current Activity: <b> {{
states.remote.basement_harmony.attributes["current_activity"] }}
Entities Card can also display attributes without needing templates.
Has anyone here experienced that the dialog box for adding new cards to the lovelace config is completely empty? It only contains the title "Which card would you like to add?", the two tabs "By card"/"By entity" and the cancel-button. Survives through restart/reboot and cleared cache, no errors thrown in the log.
Any errors in the browser log?
@rich eagle
Browser logs are not my strongest side.. All I can spot appearing when navigating to the dialog box is an error which ultimately says:
Could not load content for webpack://home-assistant-frontend/chunk.7300d4bae90e6e7ac85d.js (HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME)
No real idea then. There are a few forum and GitHub topics with that error. Perhaps they can shed some light. Perhaps any reverse proxy or other network elements are blocking something here?
That's what I'm suspecting too, I'll just keep looking π
Hi all, has anyone managed to get the "Tesla Style Power Card Working" I am having problems. https://github.com/reptilex/tesla-style-solar-power-card. Card is displaying ok but the grid and house power show as NaN. Here are some images of my setup. https://imgur.com/a/vABDquj
Is it possible to navigate to a specific picture entity card via lovelace uri?
I.e. if I want to go to a specific view within my dashboard it would be
/lovelace/camera_view
but I want to go directly to a sub-card within that view?
/lovelace/camera_view/doorbell_entity_card
is there a way to add a custom sidepanel that is basically just a hyperlink?
e.g. link to esphome, nr, or cups
https://www.home-assistant.io/integrations/panel_custom/
You mean like https://www.home-assistant.io/integrations/panel_iframe/?
is calendar card with dark theme bugged? the "today" button doesn't show the text
its just an empty button
ohh ok thats what i was looking for. thanks
Just make sure to pay attention to the warning:
If you are accessing Home Assistant over HTTPS using SSL, you cannot access HTTP sites through an iframe panel.
ok, i can only visit them in a separate tab right?
ohh wait, i think i read that wrong, i want to click on them and then open that site in a new tab
I think I have seen a bug ticket for that in the frontend repo? Or at least something similar.
EDIT: https://github.com/home-assistant/frontend/issues/8067
hey folks, I'm setting up a simple dash for my printer- does anyone know if it's possible to either colorize mdi:icons or gauges?
Hello and appologize if this is the wrong place to ask. Searched google/forums/etc... I'm on Home Assistant 2021.1.5. Trying to increase the size of the font in the Calendar Card. I tried adding the following to a custom theme and assigning the theme to the card. But no luck. Is this possible? Thanks
fc-event-time: '20px'
fc-event-title: '20px'
I have no calendar setup, so I cannot really check. In my list of CSS vars I found this: fc-small-font-size. Perhaps setting that changes anything.
Ok, thanks. I can change that and see what it does
I just finally setup a test calendar and can confirm that themeing the font size works
Great thanks. If not too much trouble, if you can let me know what you did for it to work.
I need to do more testing but I also have it inside vertical stacks and grid cards. So not sure if that is causing issues or not
Just added a line into my theme:
fc-small-font-size: 20px
Ah, thanks! Just tired it and it worked.
I'll have to circle back and figure out why that vs the other two styles I was dealing with. But thanks again. Really appreciate it!
What you listed are CSS classes. Those cannot be used in themes. What I listed is a CSS var that is used in the existing rendering of the calendar.
Ah, ok. Thanks. Now I get it. I'm sorry, I am new to CSS and themes. That makes sense now. So next time I'll look for the css var in the rendering vs css classes.
Hello Community, Found today again a bug, I would like to know others seen it also or im the first and should create issue?!
If I go to a page where I want to create a new Card, I go to Add new card, select manual, wriring the code, looks perfectly, Click to Save. But it does not appear. On the other site I can do it easily, but I also cannot move it here.
Restarted HA / Host 2 times already. so Its not stucked or something.
What custom cards do you have installed?
Its entites card.
but doesnt matter what type of card Im trying to create. I tested it.
That wasn't the question.
List all the custom cards you have installed.
since the problem seen only this.
I checked now, but all the others I have since one year.
the problem started since I installed new version.
If you're not going to answer the question, you're not going to get help.
But if you think it's that card, uninstall it and test again.
button-card
Purifier Card
Simple Thermostat
Roku Card
Battery-State-Card
Card-mod
I just find it intersting why only on one page.
I try to remove it restart HA and check it again.
The uninstallation of the card and a restart didnt solved the issue.
other custom thing I didnt installed since months.
Keep uninstalling one by one until it works. Then add the other stuff back one by one until it doesn't.
Ok! I'll do like that.
If Lovelace was broken, more people would have an issue. It's likely to be one of your custom cards (or even a combination of them).
Yes looks like that, this is why I first wrote here to get information if somebody else also have this issue or its mine.
Looks like the new update was not perfectly handeld by one of the custom stuffs, and they need to update too. I'll check.
and inform them if thats true.
Oh that looks bad!
I checked the configuration of the whole site.
All the saved cards inside, about 30. and I only see 5!
so its written into the code but didnt showed on the gui.
Ok looks like its my browser.
I try to clean everything and start it again.
ah no I found the guilty one. I found one more installed card, Vertical-Stack-In-Card.
if I delete it and clean cache and login I can see all , of course with error because cannot find vertical-stack-in-card but all of them is there!
@late anvil as I know you are the dev of verticak-stack-in-card, please can you take a look at my problem? looks like the custom card made the issue.
I'm not the dev of vertical-stack-in-card, but of stack-in-card. Small difference :p
sorry my mistake!
@frank garnet Can you please look at this for me? Looks like vertical-stack-in-card made the issue for me.
or @polar kelp you are also part of credits, If I does not disturb you. If you would be so kind to look at the issue.
I can shortly describe if needed.
I don't touch anything having to do with vertical-stack-in-card.
Ah okey. I just saw your name in credits. Sorry
Try stack-in-card instead.
Finger crossed it's not broken with mine now π
Tagging everyone you see contributed to repos you use is considered rude.
Some may not mind helping... but there's no need when other people can help.
I think I was the gentliest I can be, not as you, sorry for saying this.
But sorry if I did something wrong.
You demanded help from three different people.
Generally, don't tag people to ask for help - it comes across as bad manners, youβre demanding somebody answers you. Itβs different if youβre thanking somebody, obviously. If you do tag somebody keep it polite and respectful. Remember that everybody is a volunteer, and nobody has to help you, and people may block you.
Similarly, please donβt DM (direct message) people asking for help. It also comes across as demanding, and means that others canβt learn from what you do.
Finally, please keep tagging people in replies to a minimum. That too can become annoying very quickly and should be used only when it's necessary (such as if it's been a long time, or there's multiple conversations going on).
Thank you thomasloven, your hint solved my Issue. I hope I didnt took too much from your time.
Really the vertical-stack-in-card was the source of the issue.
@late anvil Nice one mate, you can be proud, thats a really good working card!
Thanks!
Keep in mind that all this is made by people for free and on their free time, including myself. You can't expect an immediate resolution while using custom-cards if there's a bug in them.
Also, if you find a bug, the best place to submit the bug is on the github of the custom-card so that people can track progress and the dev can be notified π
Of course thats what I wanted but without knowing its a problem by a custom card or just a user error by my side not worth to open an issue this is why I came here.
@rich eagle sorry to bother again. If you still have the calendar up to check something. I'm trying to find if there is a css var to also change the size of the day that is shown above the list.
Any reason that a user profile's theme selection doesn't stay after logout and login?
I renamed a device, and renamed the entities of the device, but the dashboard still shows the old names of the entities
even if i remove and re-add the entites to the dashboard card it still shows the old names
With the entities card, is it possible to compress the figure information, My firecube information from the Unifi integration says 4739.930304 I'd like to reduce it to 4739
@radiant holly Yes, you have to create a template sensor, then add that to your dashboard:
sensor:
- platform: template
sensors:
outside_pressure:
friendly_name: "Outside pressure - in"
icon_template: mdi:gauge
unit_of_measurement: "in"
value_template: "{{ '%0.2f'|format(states('sensor.lumi_lumi_weather_pressure'))}}"
Thanks π
Hello, I need some help trying to add a custom card through dashboard. Basically following the custom card code for foscam. I can see the preview of the card but there's no save button.
Is there a way to disable the default Overview lovelace dashboard?
instead of having to choose a different dashboard for every single user
The default overview dashboard is mess of every entity in HA, I don't want it to be the default for every single devices that connects
Weird question again, is it possible to emulate a chrome cast display in a Lovelace card?
I can only view my security camera through A Google home display, or the Android app, and I donβt know of a way to emulate an Android app in a Lovelace card
Sorry for the weird capitalizations, my iPad is weird
Are there any errors or warnings in the editor? Is the save button missing completely or just disabled?
Is there a way to add a custom cover to either the default media player or mini media player when the service is unavailable aka off? I'd like to add the Plex Logo as the cover when its in that state
With cover you mean image as the card background? If yes, someone asked the same question yesterday as well: https://community.home-assistant.io/t/show-a-default-entity-picture-when-media-player-is-paused/272705
Sweet looks like that gives the image but it loses the commands the mini players have like play/pause/volume & the link to the media player server where you can go through the music/movies etc unless I've missed something
True, hence my proposal to raise a feature request in the frontend repo so we can add a better option.
I just combined this with the vertical-stack-in-card card and it doesn't look too bad https://imgur.com/a/SSaQ3UM
hello, i have a problem with ui, after HA i switch tabs and come back to HA after a while whenever I click in any icon on the side menu (or top) path changes but page does not until i hit F5, is there an issue I can follow regarding this? Tried searching in GH but can't find it π¦
hi all. I'm trying to add a part of a website to my home assistant dashboard. is there a possibility to use the webpage card but only show a certain DIV of that website? i can't find the api for this part of the site: https://www.vrt.be/vrtnws/nl/services/weer/ i would like to only display <div id = "weather-react">
i did that with scrape sensor
How can I remove dependency of Localize API and just run my instance over local translation files
the problem is that it contains images, not only text.
I think that is all local. The translations are shipped with HA and not read dynamically.
I really like the visuals the site uses. guess i'll have to recreate it myself then. thanks for the info @twin tusk
- That is technically backend, not frontend.
- That is in the script folder so pretty sure that is only executed if you manually trigger a script.
=> Do you have a concrete issue to solve?
I don't want third party API to communicate to my instance...even if its just about strings
Then please show where it currently does, because that would be news to me.
Just randomly searching for a string in a code base can be misleading
π . That function is used to access the locally available translation files.
So you mean that once the json files are downloaded...it never makes use of the API?
Correct
Hmm..got it! I thought it keeps calling the API whenever their is update on localize project. Thanks!
The save is disabled. The error says No visual editor available for: picture-elements.
Then either your YAML is incorrect or there is a bug π .
When I add a new default picture-element I also cannot save. But as soon as I change a character, I can. Sounds like a bug.
Is there a way to load a default image on a picture entity? For example im using mine for cameras, but if the camera is offline, it looks a bit rubbihs
You could probably use this to detect a state and swap between them: https://github.com/iantrich/config-template-card
Hmmm but isnt it the same card i'd be loading
What do you mean it's not the same card?
I mean, it is the same card
like this, top one has no feed because its off, just want to change that image really
Yes... so show something else instead. Using config-template-card.
From the examples:
card:
type: "${LIGHT_STATE === 'on' ? 'glance' : 'entities'}"
entities:
- entity: alarm_control_panel.alarm
name: "${GARAGE_STATE === 'open' && states['alarm_control_panel.alarm'].state === 'armed_home' ? 'Close the garage!' : ''}"```
Normally, you'd have to hard code a value to fields. That custom card lets you use templates instead where normally you can't.
Or use conditional and replace the entire card with something else.
Or that
I just figured if it's a picture elements card, maybe only one component needs to change π
ah think i understand now, let me have a play
Ah, hmmm. Seems its not done on a state, it tries to call the Nest API via HA which fails
But you surely have a way to know if it's failed, in which case you show another feed (static image) instead.
Im not sure how it works, the card config is literally
type: picture-entity
entity: camera.outside
They were added in automatically when i setup the Nest integration
What state does that camera have when it's offline/broken?
Im assuming theres something in the camera domain that returns an offline image which is what I see
No
they're all idle regardless of if they're active or not
What about attributes?
they're all like that, even the Nest ones
that's why im assuming the card tries to get that entity picture using the access token, fails, and shows that default image
Well if you can't tell when it's offline, you can't change anything based on it being offline.
and no way to change that offline image either, hmmm must be a way to change the default offline image
Dont suppose theres an addon that can execute some JS and return a result as a config value or something
then i could call the endpoint, see if it responds and use that
That's be a Lovelace thing. Could be possible, I just don't know how
Hi guys and gals, I have some lights that do not report their brightness, but i'd like to use them in my floor, how do i edit this have the mixblend work correctly when the light is on and off?
opacity: >-
${states['light.wled_2'].state === 'on' ?
(states['light.wled_2'].attributes.intensity / 255) : '0'}
What endpoint? How would you know if it's online? That would be an #integrations-archived thing anyway to create that sensor, Evo
Yeah will ask in there. If i call that api in the attribute, i get a 200 response if its online. If its not online, it returns a 500 error
sorted. Sorry guys and gals.
@polar kelp I think I found a bug in hass-browser_mod. I was looking through the code to figure out how you get the hassConn. In connection.js you have: window.setTimeout(() => this._do_connect(), 100);. I couldn't for the life of me find _do_connect(). I've grepped all of the frontend, backend, browser mod, and card-tools. I'm guessing it should be this.connect()? Not sure how that bug hasn't manifested itself but figured I'd send it your way.
Seems you're right. Thanks.
There was a bug that affected you. I fixed it in one of my PRs that anyway improves the card editor validations. Will hopefully be in the next release.
Hello. Question regarding automatic refreshing of the calender card. I have Home Assitant 2021.1.5 and using the calendar card with default display of dayGridDay on a Fire Tablet. Today when I checked the calendar it was still on Monday. Is there a way to have it automatically refresh?
Also the brower windows I have open on my PC for the calendar still show Monday also. Thanks
Ah ok great! Thanks.
HI I updated to 2021.1.5 I can't change cards in Dashboards why the RAW option disappeared???
I don't have RAW capability, I can't edit RAW
Clear your browser cache
I did it first
ked dam edit DASHBOARD I can't edit the header
only cards
Any custom cards used for the header? Did you try in private browser mode?
there is no need to write something to config.yaml in the new update
yes I use Custom Header
Custom header is deprecated, remove it.
aha
how to make kiosk mode for user if I remove Custom Header
I do not want the user to use the menu bar
you can use this: https://github.com/maykar/kiosk-mode
Is it possible to have a badge display the value of an attribute from an entity? (Besides copying that attribute into another entity I mean.)
Hello when I go to overview then I clic on the 3 dots for edit dashboard end then 3 dots for Raw Configuration editor, I have a blank page without any code line, and I can do nothing. How can I activate this? Thanks
u activated advanced mode ?
I'd like to separate out my lovelace and move to yaml mode, I can see that i'm wrong, but not sure why.
lovelace:
mode: yaml
views: !include_dir_merge_named lovelace/
Yes and I have the same problem inside the card configuration I have only visual editor
u don't have switch to code on lower left card?
I don't understand can you explain please?
When I clic for switching in code editor I have a blank page too like raw configuration editor
what is your setup in config ?
It's a new Homeassistant_container installation on debian 10
so. in config.yaml u have default_config: and that's it i suppose
Yes exactly
then it should be possible to go into raw editor...but since u don't have nothing....maybe first u need to have some entities
I have installed camera and wifi switch but the problem was the same. Then I have delete it.
but what u want to do in fronted if u don't have anything? ...is beyond my understanding
Actually I have entities but I have no cards
I wan't to modify cards with code and not with the default visual editor
simpyl put a card then switch to code or choose manual card
Yes I can insert a card without problem, I can edit it, but when I switch to code it's seems to be unavailable. No code appear.
what is the input? show a scrrenshot something
Are you using custom header?
Is there a way to open an app with a button on lovelace
An app? Where?
like on my phone
my family uses wyze cameras
and I want to add a button that will open the wyze app
Nope. Not without some magic outside of HA.
oh well :/
HA buttons do HA things. This can include calling a service. What phones?
You're probably outta luck with the iOS ones but you might be able to do some magic with notifications and Tasker on the Android ones.
That's what I thought
one idea that I had was opening the app using a url?
but Idk how that works on ios
oh, "wyze://" opens the app on ios
I'm just switcing to yaml mode for my lovelace config, but for some reason none of my hacs components are loading. I've got this in my ui-lacelace.yaml file:
resources:
- url: /community/config-template-card/config-template-card.js
type: module
any idea what i might be doing wrong?
turns out it was in the wrong place.
hi guys
anyone know how i can access home assistant frontend access logs
of its webserver
in my context I was trying to indicate ink color via the gauge or the drop icon. I'll check out card mod though.
I've not tinkered with the ui much- I'm just now getting useful data into homeasistant.
Itβs been used for exactly that in the past.
But, itβd be easier for you to just set a state_image.
*entity_picture I mean. https://www.home-assistant.io/docs/configuration/customizing-devices/
@polar kelp yeah, it doesn't look like there's an easy way to do what I wanted :/
How to just delete the default lovelace dashboard entirely
every time I login I have to go choose my real dashboard as default and it's getting annoying
Is there a way to import a file into a Lovelace section?
@frail bridge on android, you should be able to use app://com.hualai, which is also described here: https://companion.home-assistant.io/docs/notifications/actionable-notifications/
with com.hualai being the package name for the wyze app
it's possible your package may be different... I am in the wyze beta from play store, so I'm not sure if the non-beta app has a different one
is it possible to have a 'legend" on the Y-axis of the custom:mini-graph-card. like on the history graph card, you see the hours on the bottom
like in the example card
I don't think so. Why don't you use that one as the main one rather than navigation to another one all the time?
What do you mean? What do you want to achieve?
Hi! is there a way to customize the site indicator in compact header? https://imgur.com/a/rn2m6Ma
@rich eagle #2860 this explains it
Hi all, I'm not sure which channel this is meant to go in so apologies in advance: I'm getting the following message when trying to update HA - WARNING (MainThread) [supervisor.jobs] 'HomeAssistantCore.update' blocked from execution, system is not healthy
Does anyone know what might be causing it?
I found this link, maybe it can give you hints https://github.com/home-assistant/supervisor/issues/2288
Im trying to learn more about customizing lovelace i found a website but its not really clear how to set it up properly. is there a tutorial somewhere in which a beginner can understand how to do it?
I'm having some issues getting secure remote access set up properly, I've detailed my setup on reddit here:
https://www.reddit.com/r/homeassistant/comments/l67sxa/looking_for_some_pointers_for_getting_reverse
You have seen the documentation?
https://www.home-assistant.io/lovelace/
yeah. first of all i cant find ui-lovelace-card.yaml while i have setup a whole dashboard. does this mean i need to make it manually? where are my dashboards stored made from within the ui
Dashboards created through the HA frontend are stored internally in JSON format in the .storage folder. Not expected to be manually changed.
What the docs seems to describe is an older manual YAML approach. Never seen/used that myself.
i have seen some videos in which people refrash lovelace but i dont have that option. so im getting pretty confused on things
i think allot of documentation and videos are old or people using other settings of has
Zack (one of the frontend devs) has up to date videos: https://www.youtube.com/channel/UCXpteV7qpsWi9uUkOeLAhaA
The docs might need some refreshing.
nice thanks ill watch that video. i just need a start and go from there on my own
i was trying on my own but keep getting this error when creating a custom card Cannot read property 'setConfig' of undefined
so obviously i need to set some config somewhere
That was a bug that I fixed a PR that was merged today and will be in the next release.
So you have a custom card installed that you want to integrate into your existing dashboard?
yeah i downloaded the button card js file put it in the www folder and added the source in the lovelace setup dont know if i need to do more
Hi all - I just developed a new custom component (with frontend JS) that allows you to do notifications and alerts to Lovelace. https://github.com/rr326/ha_ll_notify
Question: Is this the type of thing that if I got up to Core standards would be accepted as a PR / builtin component? If so, I'll go to that effort. If not, i'll just leave it as a custom component and call it a day.
Is it possible to change speed of Ring video clip? it feels like its x2 the speed? have the same issue with Arlo cameras
@rich eagle is there a way to pin a card to a specific row on the lovelace dashboard. its terrible how the cards react when pressing the up and down buttons. i would like to fix every card to a specific row and with the up and down arrows just move it up and down in that row. now the cards are all over the place and most of the time i cant even get a card on the row and column i want. this is a real downside of the current lovelace interface. why not give a card a specific row and move it up and down within the row with the arrows. or even add a left and right arrow to move it between rows
even better would it be if you could drag and drop cards like you can in android homescreen with widgets and resize them
this would give so much more flexibility
i think i mixed up columns and rows π but i guess everyone knows what i mean here
@digital lynx Agreed! Or, similarly, the option to set up a defined grid of what goes where. That would certainly be better for me in how I use my dashboard.
yeah me 2... there is no way to make 2 columns with cards when 3 fit. and as soon as a card goes to the third column all hell breaks loose if you want to change things.
i guess changing things to be atleast able to stick a card to a specific column is childsplay to program. with 1 variable let HA know that cards needs to stay in that damn column no matter what
if the view changes to 2 rows or 1 for example on mobile just show column 1 first then underneath column 2 etc
in worst case let people make different dashboard layouts for every view
I really hope this is getting added in HA. this would make so much nicer dashboards on my wallmount tablet
@digital lynx Not sure if this will work for you, but this is how I got mine to settle on a predictable layout. I use horizontal-stack and vertical-stack to make bigger cards. The layout of these are more stable than small ones. Then sometimes you need to resize your browser window once or twice to get them all to settle in a final position. Then don't touch. My wall-mounted dashboard has a predictable layout.
I just found out that you can do a ton of things with grid cards within gridcards you can make a whole layout per row this is kinda exactly what i was looking for and all neatly aligned
@distant juniper you can do something like this only with grid cards...just copied a few rows to show how it looks. its kinda nice https://photos.app.goo.gl/D2Jeoha36nVvAa5n7
every column is a gridcard with the column set to 1. within those make entity cards and when adding buttons do this within another gridcard
and set the column for that gridcard to the amount of buttons you want next to eachother
this is super nice and easy
this is how it looks like on a tab A7 https://photos.app.goo.gl/wyLdZ3ZEmaJ7UsF17
@digital lynx @distant juniper Yes, with the new grid cards you can control that (and you can easily nest them into more grid cards). Drag and drop support is being developed (and already available as a custom component in beta version).
just finding out the gridcards. i love them! is there a simple way of resizing the text size of button cards? Why are they so big compared to all others
You can adjust text sizes with custom themes that you can either apply globally (affects the whole frontend) or to individual cards. Fur button cards you can also control the icon size with is usually the biggest part of the card.
hi, is it possible to change the color of an entity icon, without using custom cards?
Morning ! I have an issue that's been puzzling me for sometime now ...I have my camera's set up with motion eye and working as expected. I can use the picture entity card to see them on the dashboard on my wired instance of home assistant but they will not render on my Android Tablet which is on my local wifi or my laptop on wifi .Any ideas of what I am missing?
I think I had the same issue. I gave up and removed the stream option. π¦ let me know if you find out a solution. Mine is just a nest cam without motion eye.
why is the text in the button card bigger? is there a file where i can change this text size? i just want it to be the same size as all the other text. its strange that only the text of a button is bigger
I would guess that it's intended to be more prominent, since that's what buttons are.
You can't just edit Lovelace stuff... look at other custom cards that allow you to style the built-in ones.
This would be a good place to start: https://github.com/thomasloven/lovelace-card-mod
Is there a stock control i can add to the front page to allow the user to enter a string, which would ultimately be sent to an MQTT broker?
Or even a custom.
Lovely. Ta.
Hi folls, how can I make the icon in an entity of a card change depending of it's state ?
this is my try :
type: entity
entity: sensor.watering
name: Plant
state:
- value: 1.0
icon: 'mdi:garage-open' - value: 2.0
icon: 'mdi:garage-alert' - value: 3.0
icon: 'mdi:garage-alert'
I do see 3.0 as value, but still the eye as icon π¦
trying to install the now-playing-card, and the directions say that I am supposed to place it in this folder /config/www/js/ directory, but I do not have a js directory in the www folder. Do I just create the js folder?
yes
thanks
This is odd. When I got o helpers (never used it before) click + I get the list of helpers, but it won't let me select one.
That is odd. Try refreshing and trying again.
default_config is not in my YAML, but I can't imagine why I'd remove it.
I wonder if thei is some oddball Chrome thing again...
OKay. I put an example in the config.YAML and it's OKay now. Took 15 minutes for the "quick" database check!
thanks for this. I'm just confused on how to make a different button press (or make the card dissapear) depending on the OS
check out those docs, they should have all the info you need
thanks! appreciate all the help and the quick response
reminds me how much I love the HA community
no prob π
I am not SUPER well versed in notifications, and haven't touched iOS since the iphone 3g... but I can lend my knowledge for android ones, if you've got stuff that still trips you up π
Okay, so just for clarification, you're reccomending that I use a notification to open the app, as I can make the action different for ios vs android
So, I've created the input_text and I can display its contents on the screen same as any other sensor. How do I display an editable text box, please?
Put in into an entities card.
@bold skiff Make a gif with what you want, and add it as entity_picture https://www.home-assistant.io/docs/configuration/customizing-devices/#entity_picture
Yeah. That's how I got it on the front end, but no matter how I click, I can't edit the text.
I need you to hold my hand a bit....I have found a gif that I want to use. I am using the button card from HACS.
I think there is a bug. Try setting a text first through its more-info dialog. I think then it gets active.
Nope. I'm being a doll's head. I needed t click on the name, not the text.
That's counter-intuitive.
Got it.
We should fix that...
Sorry to be the thorn jumping in the conversation. I am trying to add this to my configuration.yaml
homeassistant:
customize: !include customize.yaml
I am getting this error:
Error loading /config/configuration.yaml: in "/config/configuration.yaml", line 16, column 14: Unable to read file /config/customize.yaml.
@bold skiff I don't know much about the custom button card, but it'd surprise me if there's not a way to use a custom image as icon directly from the frontend configuration.
The thing has options for everything...
Hi folks, I wrote a custom integration with ourhomeapp that I use to automatically create firewall rules that kill kids internet if they forget to tick off/complete a chore. I'm currently storing the individual chores in MQTT as separate paths ie: /chores/current/taskid: "json blob". Is there a way to turn those multiple chores into something I can display on home assistant? I'd love to be able to show the current chores for the day, as well as who's network is knocked out, potentially adding a button to reverse the network blocking
You'd start by using #integrations-archived to create sensors.
The frontend will only display sensors? No custom data?
my friendly names in my entities card are truncated, how do i prevent that, theres lots of room for all the text to be shown
Not arbitrary mqtt data, at least. And having a sensor for it has other positives - like being able to automate things based on its state.
interesting, ok. The only issue is the sensors would come and go depending on the day
I can probably just use the mqtt discovery stuff with HA for that
Then you need a better approach to how you store/structure stuff.
Or, yes, discovery... but again, #integrations-archived
I'm working on probably the most basic thing at the moment, Adding my 3d floor plan but my question relates to the storage of my media files. My media folder appears to work, but is it possible to call the media for the picture-elements card from there, or do I have to use www. Im not a big fan of leaving images open like www offers.
trying to install the Now Playing card. I have it set up in this directory as mentioned in the instructions /config/www/js/now-playing-card.js , this is my config type: 'custom:now-playing-poster' entity: media_player.media_player I am getting this error ```UI editor is not supported for this config:
The value of "content" is not supported by the UI editor, we support "string" but received "undefined".
You can still edit your config in YAML```
Anyone able to help me understand what does this mean we support "string" but received "undefined".
That's not an error. It's an informational message.
I don't understand why you get exactly that one, but it can be safely ignored.
okay, but given that the card is supposed to display card, does this mean that it does not work properly? My card is currently red in color.
So I just did a refresh and I am now getting this Error: Custom element not found: now-playing-poster
That's a good place to start.
Start with browser console.
Wait...
Did you follow those instructions? https://github.com/bradcrc/now-playing-card#installation
Because that's not how you're supposed to tell lovelace about custom plugins anymore.
Read the "Installing a plugin" section of my first link.
got it. the browser refresh instruction was the key. Thanks
Because you can't customize the default one
How are frontend updates pulled by HA Instance. Is it included with the core version update?
Yes
You can change each dashboard.
Even All, Is there anyway to find out which resources are loading and which ones are not? in my ui-lovelace.yaml i have all of the resources laid out, and it seems taht some are loading as expected, and other are not.
Not sure if this should be in integrations or frontend. Sorry.
Using mixed storage and yaml mode, can i import all of the resources specified in my yaml into the storage dashboard, or should they just load?
when a sensor has a unit of measure set (ie. W or kW) is there a way to choose which unit it will be displayed in in the interface? Or are you stuck creating template sensors which divide or multiply by 1000?
isn't that what you were after as well?
I am building a mobile ui and I am trying to layout some light switches. To turn the light on I want to use the entity card so that I can flip the toggle, but since the light is dimmable I want to have that feature as well. I am thinking to go with the custom:slider-card, but only want it to show if the toggle for the light is on. Could I use a conditional card to achieve this?
I have a bunch of google homes that are cluttering my lovelace. Anyone have a nice card to control them all? I'm looking mini-media-player, but most grouping configs are for sonos
I guess I should of clarified, I like the HA managed dashboard as a catch all for when I add new stuff. I can immediately see a UI item for it. I just don't want it auto default for every single device that connects. looks like I have no choice but to disable the auto generated one to avoid choosing...
Hi all, is there a reason why I can't add my timers.yaml file into config?
I am using:
timers: !include timers.yaml
and get the error: Component error: timers - Integration 'timers' not found.
If you create a second new dashboard it will by default also be auto-generated until you take ownership of it. So you can use that as the catch-all and adjust the primary dashboard however you want.
Hi folks. Im customising my entities. I created a template sensor that takes the actual values from my ESPHome sensor and based on the value I change the name (value) and the icon (via icon_template) but I can't find a way to customise the colour of the icon. Is there a field where I can set a color ??
I tried with this (saw in some web forum)
{% elif(states('sensor.watering') == "1.0")%}
mdi:flower-tulip
color: rgb(0,255,0)
does not work, the icon dissapears
@viral sorrel you could use a value_template in your sensor and round the number to whatever you like i guess.
sure, no problem with that
I want to change the color on the icon
ups, sorry, that was not for me π
should I ask about custom elements here or in integrations?
Hi. When I update the custom card code, how do I refresh lovalace to update the card with new code?
Hey guys, I have problem with reloading slidshow card, when value of sensor/input_number changes. My scenerio -> I have slideshow card, that has slides with some state labels and then another slideshow card with 3 slides with some settings. Problem is that when I change input number for temp target, nested slideshow card reload and I have to slide to desired slide again.
@muted knot check the first pinned message in this channel. From way back in 2018.
I have an error on my dashboard that complains about config-template-card not existing, but it is referenced in my resources file, If type in the full address of the config card (fronted with my domain) i can see that it is there and shows the code.
@polar kelp god.. finally. thanks!
what should the permissions be for community folder and the items inside it?
Looking for some help with the slider-entity-row card. I am trying to use the step: options to change the size of the slider , but I am not getting any change type: 'custom:slider-entity-row' entity: light.family_room_cans_128 name: null hide_when_off: false hide_state: true step: 9 full_row: true
is there a specific format for the step: value?
Step is the step size. Not the number of steps it can take.
I.e. yaml max: 100 min: 0 step: 5 will give 20 steps.
so it has nothing to do with the size of the slider as mentioned in the instructions?
Is there a way for me to make the slider bigger ?
step: <value>- Set step size of slider
full_row: true- Hide icon and name and stretch slider to full width
I am trying to use this on a mobile ui set and the slider is too small, is there anyway to increase the size ?
hello can anyone tell me how to put a line break in my buttons description?
@pearl iron you'd need to switch lovelace to Yaml mode to be able to save comments.
does that change everything i've done up until now?
is there a way i can stop my front end from being able to scroll? I'm using a picture elements card, and the images i'm using are 1280X800 but even on a full hd display i still need to scroll to be able to see the bottom of the image.
lovelace:
mode: yaml
If you switch to yaml yes, however you could create a new one from the existing raw config. you can do combination of yaml and storage.
π¦ all for a line break?
You want to disallow scrolling but still have the image go off the screen? π€
lovelace:
mode: storage
dashboards:
floorplan-yaml:
mode: yaml
title: Floorplan
filename: lovelace/floorplan.yaml
In this case i have the default in the storage but am creating a new one setup with yaml.
You don't need YAML mode for that. You just need to consider custom cards.
@pearl iron Sorry i missread, i throught you wanted comments.
just want three buttons to have the same text arrangement next to each other: Left Garage | Middle Garage | Right Garage
@karmic tiger, no i'd like the picture-elements card to fill the screen.
Middle is on its own line π
That's not what you asked. What you need to do is to size your cards appropriately.
The card is set to panel mode, In my config i can see percentages, but nothing that defines the size of the image, i assumed it would have been defined by the picture size.
It's a bit iffy with picture-elements, though.
I think i have the card mod installed. On my FireHD (which is 1280x800) running fully kiosk, it fis perfectly, but when i view it on my pc, or my ipad i have to scroll down to view the entire image.
Ah yes. That's because of the aspect ratio. In panel mode it will fill the entire width, and then adjust the height such that the ratio is the same as the original image.
oh balls.
That's kind of tricky to do anything about, because viewport height is surprisingly hard to get right.
thanks for the info Thomas. Another question, Is it possible to have a card ontop of a picture elements card? I.e. weather in the corner for example.
@polar kelp Going to repost to you in particular because I think you'd know. Got no answer the first time.
The developer docs suggest that I should implement a component as a built in. But I see things like browser-mod done as a custom component. Is that a historical relic? The question: Should I try to implement my component as a built-in or as a custom component? (A builtin requires more work, which would be fine if it has a reasonable chance of being accepted.)
Hi all - I just developed a new custom component (with frontend JS) that allows you to do notifications and alerts to Lovelace. https://github.com/rr326/ha_ll_notify
Are there any custom entities cards that offer spark lines?
Any idea why the resources defined in my ui-lovelace.yaml are not loading but the ones defined by storage are?
Can someone recommend a few custom cards that create alternatives for the official βentitiesβ card?
I see several libraries for generating spark lines, so I want to see if building a custom card that create spark lines is something my idiot self could be taking on.
Looks like instead of a custom card, I could create a βcustom entity rowβ instead. Something like slider-entity-row or light-entity-row create extra functionality in a standard entities card. Instead of adding control elements, I could use the same approach to add a spark line.
@distant juniper There is no difference between a custom component and a built in integration. They work exactly the same except one is installed together with Home Assistant, and the other will have to be added by the user.
Since your thing seems to require front-end support as well, there's a bit of a difference, though. You can't change the default frontend code very easily, but things can be added on via extra modules (https://www.home-assistant.io/integrations/frontend/#extra_module_url). This is how browser_mod does it.
size of grid can be extended with panel true?
@polar kelp Yeah - I already copied that from browser-mod. The whole component is working. In debug stage. I was trying to figure out if this is something the core would accept. I guess I'll do a PR and see.
If you think it belongs in core, youβll ned to make two PRs. One for the frontend and one for the backend.
Any one able to help me with my button card? - type: 'custom:button-card' icon: none size: 55% tap_action: action: call-service service: fan.set_speed service_data: entity_id: fan.king_of_fans_inc_hbuniversalcfremote_c04a2900_fan speed: low I am trying to set the fan speed, But since it is not working I know something is wrong , just don't know how to fix it.
But I do not think it would be immediately accepted at least, because thereβs simmilar functionality available - only having glanced at your readme.
Yes
It could be that Iβm on mobile @feral rivet, but your indentation looks off.
I've got a Centralite pearl integrated with hassio through zigbee2mqtt. When adding a thermostat card on the dashboard, it's showing two controls for the setpoint. Dumb question, but what is that for? Is there a way to turn one off? https://imgur.com/a/wo5qQjz
That is odd, but would that not cause an error? I am not getting any error messages , just no response. Which indent line appears to be off?
So, i've disabled cache in my browser and i can see all updates after a refresh. Now, how do I refresh android app?
solved -> clear cache in app settings
is there anyway of making a browser popup wider?
@polar kelp 1) What similar functionality? The closet thing I saw was your toasts in browser-mod, but those were quite simple. Only one toast I believe; 2) Would it require 2 PRs? Mine is like browser-mod - the JS is autoloaded using extra_modules from the backend. If you install the compent (config: ll_notify:) the frontend JS auto loads.
yup. just use large: true lol
hello i am trying to set up MQTT and the raspberry pi HACS card
I am having loads of issues as usual and have HA running on Raspberry PI
ALso installed the MQTT add-on in HA
@polar kelp is it possible to have a popup card auto close after x seconds?
You can close it with a second service call
so I guess that would means creating a script to open what ever the button is, waiting x seconds and then closing the popup?
so how do I test that MQTT is working on the RPi?
MQTT is an #integrations-archived thing.
ok was not sure
Can I use a button card to toggle a script?
Yes. Every script is also a service.
great, how can I prevent the script from been activated multiple times in a row. This button will be used to turn on and off the home theater systems.
That would be something you deal with inside the script. See #automations-archived
Hi , can someone give me good tutorial for HA-Floorplan, i have floorplan as SVG picture and have named icon in this floorplan and will change it via css . There are lot of stuff in google and forum but nothing for beginner
Hi. I wanted to setup a dashboard to include "microsoft todos" - I found an integration ... but it's mostly aimed at creating todos. There is an entity now 'calendar.todos' that seems to have a giant string of ... whatever is scrape from the microsoft API.
For someone completely new to lovelace... how do I start building something like this ? Ideally, I'd use an interactive query tool, to call the API and see what it returns (there are different categories of todos, but I've no idea how to select them, other than the python code from https://github.com/black-roland/homeassistant-microsoft-todo/blob/master/custom_components/microsoft_todo/outlook_tasks_api.py ... but running that in interactive python is hard)
Can't remember how I did it before, but how do I add a markdown/header in between a 3x2 grid using the grid card?
@vivid idol u can try putting python into appdaemon
the boys from appdaemon channel helped me today very much to put a python script
Cool. That will let me work out why I can't see shared todo lists. Next is to ... do some sort of lovelace tutorial π
if you know python i guess is more than wellcomed new tutorial
hah. This is the biggest pip install ever.
@halcyon basin posted a code wall, it is moved here --> https://paste.ubuntu.com/p/Q9YjRzK2F9/
Sorry, any idea why this button isnt a button?
https://paste.ubuntu.com/p/Q9YjRzK2F9/
Is your pointer a hand when you click it?
nope.
Could be your height/width settings making the clickable area tiny, maybe?
it's not even registering as a button, its the same size as the other buttons i believe.
I'm happy to share my currently very messy floorplan
anyone use the hacs for raspberry pi from hacs?
What's the question?
ok i am trying to get it working
I have MQTT addon setup on my RPi
The target RPi I want to monitor has the MQTT2HA-Daemon running as a servioce
but I cannot figure out how to set the target RPI host address
the directions from want I can tell say nothing about the sensor.rpi-monitor-hostname entity and how to set it up
u set up mqtt in target rpi?
yes and when AI run the python script manually it says its connected to MQTT broker
it has all kinds of data
but looking in HA there are no entities for the rpi
Hey guys how can I change the font size on a markdown card `type: markdown
card_size: 5px
content: |
<center> Scenes`. As you can see I have the card size that the instructions call, but the size has not changed.
Entities are created by... #integrations-archived
Forget the card. Sort your sensors.
Go back to #integrations-archived for questions about #integrations-archived . When you've fixed your #integrations-archived , worry about your #frontend-archived
Question: Why is htk unable to add cards to a certain lovelace page?
Answer: Cannot Foretell Now
Maybe you have a config problem. Maybe your browser is being weird.
Hard to tell unless you share your config.
Please use https://paste.ubuntu.com/ to share code or logs. Please don't use Pastebin, since it can randomly add spaces to the main view.
ok thanks
mono not sure is that bot message was for me but here it goes https://paste.ubuntu.com/p/YB4g6xn2dy/
Greetings all, not sure if this is the place for HA Lovelace view question but figured I would try here. I have 3 lights and I would like some kind of a view that shows their status, meaning if they are on, the light bulb icon will be Yellow and Off it will be blue and if possible would like to create them in one card
How do I check status of frontend from SSH?
@livid escarp use entities card with show_State: true
Thanks I think that works, now to get the icon to change from Lightning to a Bulb
yeah I worked it out and used hass:lightbulb
plenty of icons on mdi
MDI is honestly amazing
I have a history graph which is only numbers but its not showing as a graph its showing as the bar thing, anyone got any ideas?
I have a question, I had setup a few custoim cards - ie button-card and updated and now the card says that the button-card does not exist
do I have to change something to get it to appear again?
Looks like all the different HACS cards are not working after the HACS update
Rebooted and still noghting
my sensor which is a number isnt showing as a graph on a history graph card even though its a number, any ideas?
uhh, isn't it supposed to connect entities in this visualization
ah crap
can't link images
well, basically i don't see lines going between nodes in ZHA's network visualization
that's not normal right
in this blogpost they are def present in the visualization
hmmm i see
I put
timer:
test:
duration: '00:00:30'
into config.yaml and now I get this error:
Invalid config for [timer]: [test] is an invalid option for [timer]. Check: timer->timer->timer->test. (See /config/configuration.yaml, line 222).
Is there a to show attribute value instead of state in Lovelace , using filter car or auto entities.. something to show the entities with its attribute value instead of state! i don't want to create sensors pulling that attribute to convert it into a state ..
how can I make these display in a card that spans the whole width of the display? I have the custom layout card installed, but I am not sure how to configure it for this purpose. Here is the code: https://paste.ubuntu.com/p/q8tskRCkCw/
basically looking for filtered attributes to show as attributes
Known issue. I think graph only appears if there is a unit of measurement currently.
Correct
There are some discussion around that (https://github.com/home-assistant/architecture/issues/478). Workaround seems to set unit as space currently.
anyone who has configured a camera to show a svg image on the frontend? I have a strange issue where the svg is missing a path (just one) when viewing it through HA, but not when I look at the svg directly in another browser tab
It's reproducible with the weather example from here: https://www.home-assistant.io/integrations/generic/
Good morning, can someone tell me what URL means when i hit create new dashboard in Configuration -> Lovelace Dashboards -> Add Dashboard?
but these don't apply conditions ? i need to do what filter card does but instead of sates value showing need the attribute value there
@midnight shadow u can call that url when u make a button in another dashboard
But how do i know what it put in that field? Some directory pointing somewhere in my filesystem?
https://www.youtube.com/watch?v=5y6rhwr5Y8c explains better
that's exactly why I don't know what to put there, all videos assume i have not yet "Take control of your Lovelace UI"
i have a dashboard and it's fine, i want to create a new one
then...create a new one
Sure, but then a dialog comes up asking for Name, Icon and URL
so....put them
Sure, Name and Icon are quite straightforward. But URL is nowhere explained. I can choose to put some name, but that's not an URL. Or did the meaning of the word URL change?
u tried to complete?
answer = no
because otherways u would see that url is autocompleted
like lovelace-name
Yes, i know. That is a word. Not an url. My goal is to store it somewhere where i can choose, like ... an URL π
or is it simply the name for an internal mapping of the dashboard?
So it is a key named URL to form the actual URL that is not possible to change. That's a lot of assumptions you have to take to interpret URL. Thanks for clearing this up
url is a place/address...not automatically think of www.something
@twin tusk i dont think im able to achieve this ( view entities based on attribute value and show attribute value instead of state ) with the suggested @flat steeple attributes card
or 'custom:secondaryinfo-entity-row'
please a guide I've been trying since morning hehe nonstop
i can make a sensor to pull it but that's cheating hehe
Show what u did and what u try to achieve
the closest i got was this
card:
type: entities
title: recent tubs not updated > 3 days
show_header_toggle: false
filter:
include:
- attributes:
latest_tub_date_status: < -3
as an option ps: that attribute is unique
but need to show the attribute instead of the states
and with secondary info
EXAMPLE
type: entities
title: Custom Secondary Info
entities:
- entity: sun.sun
name: Entity ID with wrapped in tag
type: "custom:secondaryinfo-entity-row"
secondary_info: "<b style='color:red'>[[ sun.sun.entity_id ]]</b>"
how can i actullay set a filter ?
custom secondary info was for attribute
but u want attribute and filter
so...auto-entities is not fit for you ?
Add an option to the filter to make the rows have type: attribute https://www.home-assistant.io/lovelace/entities/#attribute
inside a layout-card i can set column width only for a card if the layout is grid ?
first 2 rows with 3 card buttons , but the last row will be only 1 card with an entity
with grid...last rows displays ugly
Depends. Don't forget square: false.
You'll need to nest stacks/grids.
type: grid
columns: 1
square: false
cards:
- type: grid
columns: 3
cards: [first six buttons go here]
- type: grid
columns: 1
square: false
cards: [last button goes here]```
Hi! Did anyone here manage to use custom fonts (.ttf in my case) in picture-elements cards?
auto-entities doesn't show the attribute instead of state ... that's my problem
and secondary row doesn't have a filter based on attributes ..
- attributes:
latest_tub_date_status: < -3
options:
type: attribute
attribute: latest_tub_data_status```
you are a god !
thanks i love you haha β€οΈ
hmm, i've set a unit of measurement but its still displaying as a bar
i tried this before i thought its not working must have had sequence entry issue
It will show the bar as long as there's any data in the history which doesn't have a unit. You'll need to wait 24 hours.
@steel drift posted a code wall, it is moved here --> https://paste.ubuntu.com/p/my98DgZyN8/
Thanks @kind shell. Just for context, the code is related to my attempt at using a custom font in a picture-elements card.
Okay - I solved it by converting the .ttf to .woff2 and changing the CSS accordingly.
Hi all! Is there a good card to present a numerous lines of data? I am currently using Entity card in a horizontal and vertical stack but it takes up too much space. Is there some kind of table or similar?
@shell island I use this one and love it: https://github.com/custom-cards/flex-table-card
I have a screenshot and example here if you need something to get started: https://github.com/IDmedia/hass-medusa
Custom cards with no example images π€¦ββοΈ
yeah, but the card is fantastic. I've just finished another view with funds information where I use that to display historic prices and a overview of loss and gains. It's super flexible
thank you!
that looks great
the frontend information when installed has example images
But I can't see the gap card...
I can't fault your READMEs, Thomas. Your examples are great. It's just surprising that some people publish some amazing projects without proper examples. For something as visual as UI components, a few pictures wouldn't hurt.
I don't want to install and configure something just to see how it looks.
I think they just don't know the secret trick to publishing pictures on github.
(You start writing an issue, paste your picture into the text box, copy the code that gives you into the readme, and then just don't submit the issue. But don't tell anyone)
And I absolutely agree. It's such an easy way to get a few extra points.
I totally agree.
Do you have any tips for me thomasloven? I would like to present a table of information?
i see a lot of upcoming notices built for different media services. didn't find one for netflix to put it in an frontedn card. somebody spotted anything on this ?
@shell island markdown
It depends on getting the information first. That's an #integrations-archived thing.
Once you have sensors, building a card is easy (or easier...).
@shell island <#frontend-archived message>
oh wow! i didn't know i can use markdown like this!
Hey @polar kelp, I'm trying to get my head around showing the states of an entity.. you wouldn't happen to have an easy example?
There's a bit of information here: https://www.home-assistant.io/docs/configuration/templating/
Thank you!
so i have the hours_to_show set to 1 and unit_of_measurement has been set for more than an hour but its still the bars
Is it possible to force HA to not follow Chrome's dark theme? Currently, I have an automation that switches between dark and light theme based on the sun's position. Chrome is also following my Windows theme which is always set to dark. HA is showing light theme on top of chrome which is dark and it looks funky.
In your profile settings, switch to anything but auto.
is there something that can be done about coloring icons in regular button cards in a grid?
Yes but how do I automate it? My automation is supposed to do.
I really like the concept of showing state sensor info on a switch button but unfortunately coloring the sensor to reflect the state of the switch seems to be not possible?
aha there's a custom button card, was only looking into the card mod type of stuff before
guys,
I got a switched defined (tied to a tasmoto device via mqtt) that locks/unlocks my gate system.
I have a card with which i can open/close the gate and also shows me current status (open or close). I want to disable the open/close card when the gate is locked.
Do you have a sensor that tells you when it's locked?
the ha entity/switch does, if on then locked, off/unlocked.
the switch talks via mqtt to the tasmo switch.
And when you say you want to disable the card, do you mean limit interactions or hide completely?
the status of switch maps to the relay, which is connected to a relay on the nodemcu which runs tasmoto
limit
jsut dont want someone to be able to click open/close
Then maybe a combination of https://github.com/iantrich/config-template-card and https://github.com/iantrich/restriction-card
Restriction card on its own wouldn't be dynamic... you might be able to add templating in to handle that part.
Ah... actually, I missed the condition options bit of restriction-card.
any websites I put in an iframe card refuse to connect
its just has a grey thing with www.google.com refused to connect.
https://www.home-assistant.io works
What are the full addresses of some of the sites that don't work? Copy them from your Lovelace config, not from your browser.
You have https:// in your config?
yeah
That sounds odd... since the only thing that should prevent it loading is using HTTP.
yeah
Hmm. They must have cross-origin policies that stop you putting them in an iframe.
- type: iframe
url: 'https://www.google.com/'
is my exact config
Refused to display 'https://www.google.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
You can't get around that. Your browser will honour the X-Frame-Options header.
It is what it is. Website owners get to decide how their sites are used. It's partly a security thing, so malicious people can't load their site up in an iframe with an invisible layer over the front that captures your clicks/keystrokes π
i was trying to use it to display a forum post on a news thread which would update to the newest post but i guess i could just list the link
I am considering getting an Amazon Echo show to use as a HA lovelace display. Has anyone in here had success with that? or maybe have a similar recommendation?
I'm just reaching out to see if ii'm missing a simple button or ui element. When setting up motioneye, some config mistakes resulted in a bunch of empty folders showing up under "media browser". But i can't find where to remove or delete this folders? Is there a file browser or managment system i'm missing? My other question was in regards to the map. The only GUI way i saw to get the correct coordinates was to move the very small map until i got to the correct location. I didn't see a way to make the map fullscreen or import an address. From my research it looked like the only other option was editing the yaml file?
I use an amazon tablet that i got for Β£20, its terrible resolution but does the job
thanks again, just wondering if i'm overlooking something
thanks thanks, got it sorted (to liked ) via a conditional card... decided to simply hide the one card (with the open/close otpions on it) based on codition of another entity (the lock/unlock switch).
guys, how can i show different "icon's" to the left of a entitiy name based on the condition of the entitiy... entitiy is a normal switch, not a binary sensor.
I bascially want to show the last diagram on this page... the lock... a locked lock when the system is locked and a open lock when unlocked.
https://github.com/iantrich/restriction-card
is this possible ?
thinking it's part of the cover definition
That's definitely a chance to use https://github.com/iantrich/config-template-card
icon: "${GARAGE_STATE === 'open' ? 'mdi:hotel' : '' }"```
You can template the icon.
If you need more control, the custom button-card lets you do almost anything you can think of.
i wish they can show graphically examples and the accompnaying code.
... how do i change a status/value of a entity based on another entities value.
detail, i have a alarm control panel, I want to lock a gate based on the status of a alarm partition. when armed, gates locked, unarmed... gate unlocked
i can do this with NodeRed easily... but figured I'd ask how to do it all in HA
Anyone know that it is possible to add a last motion (x minutes ago...) to a grid card? type: grid
columns: 2
square: false
cards:
- type: entity
entity: binary_sensor.motion_sensor_motion
name: Bewegingsensor
Why is there a massive delay when clicking a button card but a switch in the entity info is instantaneous?
What does the button do?
Toggle switch.lights
But the little toggle switch that shows up elsewhere in the interface is instant. On the entity view
Share your config for both.
Yes, and the entity one.
There is no yaml for the entity
type: button
tap_action:
action: toggle
entity: switch.lobbylight
Ok. Try that in Dev Tools > Services
That's what I keep trying to tell you. There's only a delay in the lovelace
Everywhere else the entity is viewed with a toggleswitch is instant
What about on another device?
It's all just calling the same service, it doesn't care what kind of card did it.
You would think so, right?
All three lights. Same thing happens on another intallation in another location
Focus on the same installation. Use another browser from another device.
Keep everything the same except the device you're browsing from.
Yeah definitely the button
still havent fixed the issue of a history graph card not showing as a graph even though it has a unit_of_measurement, any ideas?
Does anyone know how to keep a dashboard that will continue to show all entities once you take manual control of lovelace? bonus points if it is smart enough to only show entities that have not been added to manually configured dashboards...
That's... not a thing.
seems like an oversight, if so.
it certainly would be handy
I cant be sure and I cant find it again, but I thought at one point I was googling around and found a way to make it happen... but I cant find it again. so maybe it IS possible?
With the exception of the managed dashboard, the other dashboards are defined via YAML. Dashboards are not aware of the contents of the definitions of other dashboards.
Even if they were, the fact that they support templates means that they cannot be aware of what's happening at runtime, even if they knew what the YAML said on disk.
So... not a thing.
What is the problem you're actually trying to solve?
hmmm. well basically I have lots of stuff added (tons of hue bulbs, locks, door sensors, etc, etc, and I like being able to see everything in one page. However I want to start customizing things slowly, because its going to take a lot of work and time to do. as I do that I want to continue to have access to everything as I do now. Also once everything I want is added and configured to custom dashboards, I want one place to go to see all my switches and bulbs and everything. I know I can get all this in the dev tools, but its not pretty or as functional.
does that make sense?
Sure. So... just leave one dashboard managed.
Even if you came up with some fancy ass template that knew which entities weren't already represented on another dashboard, entity numbers quickly get into the hundreds.
I dont enderstand. you mean UNmanaged?
is that possible?
No. I mean what I said. Managed. Keep one dashboard managed by Lovelace so it shows all the stuff.
ohhh... sorry. I was reversing the terms.
The moment you take control, you're responsible for deciding what to show. Nothing happens automatically.
ok, when you go to do that, there is a warning that the default dashboard no longer functions as it once did... thats what im worried about.
I want that to continie to keep all entities.
Just make another dashboard...
This dashboard is currently being maintained by Home Assistant. It is automatically updated when new entities or Lovelace UI components become available. If you take control, this dashboard will no longer be automatically updated. You can always create a new dashboard in configuration to play around with.
thats the warning I see...
I want that default dashboard to CONTINUE TO BE UPDATED as entities are added. why is that not a thing?
there has got to be a way to keep that functionality and still be able to customize lovelace?
how
ahhhhh... didnt know that.
I have 3. I keep the Lovelace managed one, I have my main one and I have a test one.
Once you have more than one, you can set a specific dash as your default on that device.
You can even have a different default on your mobile compared to your PC.
I feel massively stupid right now, if it is that easy. lol. I have been stressing about this...
Don't worry. None of us start knowing everything.
When you were talking about having different dashboards for different things, I thought you knew. My bad for not checking.
I just think I wants describing it very well... anyway, thank you for helping!
Yes but how do I automate it? My automation is supposed to do that.
frontend.set_theme
Set both the light and dark one to a custom one with the colors you want.
Maybe
are there any good guides to activating lovelace themes?
I'm just on a plain install, setup some cards, downloaded a theme but not entirely sure the best way to go about activating it
maybe I just need to dig in to some docs, being lazy
but if anyone has advice please ping me
it's a bit odd how the frontend doesn't have GUI for connecting to a Wi-Fi network
surely the host client is the one that needs the network
oh i guess if youre using home assistant os
if that is the case, its because home assistant is primarily run on a host os, not standalone, so there is no need to be able to connect to a network through home assistant
or thats what im assuming is the reason
I cant edit any cards
the save button just stays as the loading wheel
is it possible to set a dynamic icon for an input_boolean?
Would be nice to have auto-dashboards based on Areas or entity classes or Devices or whatnot
Instead of an free-for-all main dashboard
Like what this guy is doing: https://www.youtube.com/watch?v=5y6rhwr5Y8c
By the way: mdi:pig-variant-outline doesn't work still.
That will likely come once LL strategies are finalized: https://github.com/home-assistant/frontend/pull/6273
That's like an SQL query for dashboards?
Would also be nice to have blueprints able to generate a card.
Or maybe just lovelace blueprints
So I had hassio running great on my VM for a long time, now all of a sudden I can't login to the frontend "192.168.1.102 refused to connect."
Any ideas?
My router settings have not changed either
Sometimes I have to reset the whole VM
Turn it off and back on
yeah I did that, still nothing
If you have DHCP it might have attached to a different IP
I've checked all connections to my router, nothing
Any other ideas?
@stark vigil Is there a way to browse the files inside a VM image? I'd now just like to backup my confirm/automations etc and rebuild the image from scratch...
You can mount the disk image in lots of other ways without running the VM
Daemon Tools on Windows
@stark vigil Thanks, I unzipped the hassos-data.img and tried to mount it but it says "Windows can't access this disk, could be corrupted"
I also tried to mount the VDI but it says that it's locked?
I don't know dude. Ask a Linux forum Ask the other room
But it might just be faster to start from scratch than to try to recover corrupted stuff
It really only takes an hour to add all the entities and automations once you know what they should be and how they are.
If it's "locked" in windows that means another application is using it. Like it's still mounted in the VM.
Can you still run your VM? If so https://www.home-assistant.io/docs/locked_out/ might help. You can connect to the console of the VM then you could possibly get your files from there. If it is a VM, under VMWare or something, can you mount the disk of your VM from another VM and access the files from there?
I miss having this based on the user agent as you could with compact header
Hi i have problem with HA-Floorplan , i get message that pages nor rules can be found and i have rules in my config ... so i dont understand this , have anyone idea about this ? I have defined rules there
Is there a way to add a flat line at a specific value on a history graph card?
How do I hide state_info for a button when the device is off only?
I want to only show when state is 'on'
Automations don't control your UI. Your UI controls your UI.
Create a template sensor where the value is static. Add that sensor to your graph.
I'm trying to use this background: {% if is_state('input_boolean.hassio_light_theme', 'on') %} center / cover no-repeat url("/local/poly_white.png") fixed {% else %} center / cover no-repeat url("/local/poly_black.png") fixed {% endif %}
in my frontend but it's just throwing an error, what am I missing?
(it's all in one line)
Please don't say I have an error or describe an error. Share the whole actual error message so we can help you.
" YAMLException: missed comma between flow collection entries at line 9, column 18: [...]"
and what I posted previously is that line
Then it's complaining because you haven't provided a valid template.
Single-line templates must be wrapped with quotes.
wrapping it in single quotes results in the following: "YAMLException: can not read a block mapping entry; a multiline key may not be an implicit key at line 10, column 9: path: default_view ^"
Well, yes... you need to mix your quotes π
If you start with a single quote, you have:
background: '{% if is_state('
followed by a load of gibberish that it can't understand.
Oh I see
If you're using single quotes inside your template, wrap with double. If you're using double in the template, wrap with single π
alright, now it's not throwing an error anymore, but there's no background image at all. The statements inside the if else construct work on their own, but not with it
Share what you have now.
{% if is_state('input_boolean.hassio_light_theme', 'on') %} center / cover
no-repeat url("/local/poly_white.png") fixed {% else %} center / cover
no-repeat url("/local/poly_black.png") fixed {% endif %}```
uh
What card is this in?
It won't do that without other 'magic'.
Most Lovelace stuff (with the exception of custom cards) doesn't understand templating. Even custom cards normally use JavaScript instead of Jinja.
oh
You might be able to use templating there if you use the config-template-card: https://github.com/iantrich/config-template-card
Jinja is evaluated server-side by HA, you can't normally access it in the browser π
oh alright. Is there a better way to change the background of an entire lovelace view?
I think I found a hacs plugin just now so nvm
thank you for helping me fix the template anyway @karmic tiger
Is it possible to include other yaml file with !include in a Lovelace dashboard in "storage mode"?
no
Hey guys, I mistakenly "took control" of the dashboard, and now new entities don't automatically appear. I tried to follow the documentation which says to remove "lovelace: mode: yaml" from configuration.yaml, but there is no such section in that file.
How do I get the auto dashboard back?
Just make a new one
What would I use for the url?
Anything you want. It's not really a URL, it just becomes part of the address.
Oh I see
Pick a word that describes the dashboard.
What you can also do is choose Edit Dashboard, then Raw Configuration Editor. Then select everything with ctrl+a, delete it and click Save.
Awesome, both methods worked
Thanks
Where is this config stored on disk when there is no lovelace section in configuration.yaml?
Found it, it's in .storage/lovelace.* files
Don't poke that.
Oh alright
It's very easy to mess something up, and potentially very hard to make it right again.
Quick question on the automations GUI - when selecting names of entity through the drop down selector it says 'name(s) of entities to turn off' - suggesting there's a way in the UI to select more than one entity?? Is this possible?
Can obviously do so through yaml, just curious if there's a UI option I'm missing!
The usual way to select multiple items from a <select> is to hold Ctrl as you click them. You could try that.
Yes, tried that, but no joy! Just curious - they've maybe put the optional plural in to plan future features...... π
I don't think it's possible right now. There's been a lot of talk about a multiple-select element, but I believe no one ever finished one...
I'ke like seperate out my tabs in a view into individual files, but it's throwing an error, could you tell me why please?
views:
!include: /lovelace/GroundFloor.yaml
try:
`views:
- !include: /lovelace/GroundFloor.yaml`
I get this error:could not determine a constructor for the tag '!include:' in "/config/lovelace/floorplan.yaml", line 16, column 5
Where do you get this error?
The error comes up on the dashboard
My floorplan.yaml looks like this
https://pastebin.ubuntu.com/p/vXNJnzhJZ3/
and my ui-lovelace.yaml looks like this.
https://pastebin.ubuntu.com/p/FJ7t8QykxJ/
Hey great people, have a quick question, does anyone know how to automate the login to the home assistant dashboard, I will have multiple dashboards, each embed inside a web page and need the dashboard to be accessible without the need for a username/password.
IP whitelisting will not work as requests will come from different networks, maybe if something related to domain whitelisting would work as all requests will come from my website
So you're saying you want to switch off authentication completely? That'll end well π€
@karmic tiger the idea is that the dashboard will be inside a webpage as a container, that specific webpage will have its own authentication, so the dashboard will be viewed inside my website domain, the reason I need to do that is I will need to grant a user temp access for a certain time then revoke that access and change the user password and give it to another user, so I can do such user credentials management on my website, but have no idea how to do it on Home assistant
No need to tag...
sorry , didn't know that
Well I'm here. I don't need a notification π
This is your options for auth providers: https://www.home-assistant.io/docs/authentication/providers/
got it π
Of course... if you're using a reverse proxy, you can probably get a bit more control there too.
i.e. have HA trust everything coming via your proxy and have the proxy implement your authentication.
thanks mono for the link provided, I don't have idea about setting a proxy, will this proxy be based on a network or based on my website domain authenticated users?
It'll be somewhere on your network. A reverse proxy works like this:
sorry for asking a lot, but first time to try proxy setting, also the option to bybass login will not work as i will have 2 users, admin and another user that will only view the dashboard
Client makes a request that reaches your network, reverse proxy decides what to do with the request.
Your limiting factor is likely to be that you have multiple users. That's a sign that they'll need to auth.
is there any chance that I can authenticate user by passing login info in the url [ note url will not be visible externally at all ] ?
will open as an embed inside another page with masked url
so HA isn't complaining about the views anymore, i can see this, but neither of the views are loading.
I forgot i cant paste screenshots. The view tabs just say unnamed view.
Just because someone can't see the URL in the browser, doesn't mean no-one in the middle can see it...
the groundfloor yaml starts like this:
### Ground Floor ###
- title: Groundfloor
icon: 'mdi:home-floor-g'
is this an indentation problem?
understood mono thanks for the clarification
i can see that lovelace is picking up on ht views, if i rename one of them, it throws an error saying it cannot read it, so not sure why the views are blank.
hey guys - I am nervous about exposing my instance of HA to the world. Is there a way to restrict brute force attempts to login?
great
next question everything I see now says yaml is no longer used - is that the case for the HTTP section (sorry I am kinda new to this)
That needs to be in YAML, since for those HTTP settings no config_flow (= GUI) exists yet.
Not all http settings right? the internal and external url http settings rae in the gui
for those HTTP settings
He?
he?
What do you mean "Why"?
what
I mean what π
what is the map used for in lovelace
or "why is thre a map in lovelace"?
ok I will check it out
I guess that was what I was asking - how does one use that effectively π
didn't realize it was related to earlier question about brute force attempts
no it wasn't π
two different questions
I was doing a bunch of things - new to the game here. Didn't understand the map thing so the next question would be how do I hide it π
Just make a dashboard that doesn't have the map.
thats a good idea
question: how do I make a dashboard that doesn't have the map
π
hahahahaha
I knew I could make my own dashboards for the right
but the left bar still shows maps
If it still works, use this to control the sidebar: https://github.com/Villhellm/custom-sidebar
It's not updated anymore.
its really not a huge deal. I figured if it wasn't so easy to remove it was important
Or just use the inbuilt HA option to hide entries in the sidebar.
Although I think that is stored either per user or per device.
Hi, I'm using a picture-elements card. Right now, I've added the thermostats (zigbee2mqtt tuya) as a state-badge, but in this representation they report an empty value (The "action"). What is the easiest way to let it show the current temperature there?
I use custom sidebar, still works
it is per device
Can someone help me with installing my first custom card? I installed "mini-graph-card" using HACS, but when I try to add it to my dashboard using the UI, I get this error:
reload your browser
I have and also restarted home assistant
that "a is undefined" looks a bit sus, as there isn't an "a" in your yaml
Yeah, it still happens in incognito
Yeah, maybe I'll try downgrading the version in HACS?
Doubt this helps anymore, but here's the full error from the JS console in the browser https://gist.github.com/JeffResc/9179501e49a8a120c31a9e257d048655
It also shows a different error in the mobile app: undefined is not an object (evaluating 'a.length')
There's also this error I just realized (https://i.imgur.com/Koj9m8d.png), but there's no errors mentioning HACS or any custom integrations
well hacs is disabled
I restarted and now HACS is fine, card still broken though
Hi all hoping to get a hand. While editing my configuration YAML I messed it up and now get a 404 not found and cannot connect to it. Feels like itβs still running automations in the back ground however. Tried accessing the pi via ssh and getting refused. Any ideas/help?
Raspberry pi 3b+
I donβt have any backups of it either. Big mistake on my part. Any help would be really appreciated!
Ugh to find a mini hdmi cable
@lean cove you installed it through hacs, right? and are you still seeing "a is undefined"?
Yeah I installed through HACS and same error still
Oof, yeah I guess that's all it was
I opened it up and figured the default would render fine just as the default included cards in Home Assistant
Thanks for the help π
Is it possible to override a theme's accent color in the raw configuration editor?
I tried setting accent-color: rgba(x, x, x, x), but it didn't change
Morning All, Any idea why my yaml dashboard loading blank and titled as "unnamed view"? I moved the views from the dashboard.yaml to individual view.yaml files.
It looks like this for some reason. https://ibb.co/vQMBgGh
My floorplan.yaml looks like this
https://pastebin.ubuntu.com/p/vXNJnzhJZ3/
and my ui-lovelace.yaml looks like this.
https://pastebin.ubuntu.com/p/FJ7t8QykxJ/
im trying to make a grid card that has a button (1 column) an entity card (2 columns) and another buttton (1 column) next to eachother. But that doesnt seem to be possible. Is there a way? i used grid cards within the grid card in which i put the button 1 column, a grid card with entity card within column: 0.5 and a grid card with button 1 column. it works for the first 2 grids the entity card is getting 2 columns but the 3rd button is on top of the entity card
home assistant cant handle 0.5 column width π€£
Have you tried a horizontal stack and a vertical stack combined?
never used stacks. ill try thanks
not perfect, but this is how i use them.
code is here if you wanted to take a look.
https://paste.ubuntu.com/p/Xdy67nZp9x/
i have something like this too. but the real trick is when you want to use different widths in one row. even with horizontal stack i cant seem to get it fixed.
have you tried the custom button card? I believe you sat set ratios with that.
i dont think you can make 1 row devided in 4 columns with a ratio of 1 - 2 - 1 column
i cant seem to get these custom cards setup.
they keep giving me errors that the custom cards are not setup
Then you're not following the instructions.