#frontend-archived
1 messages ยท Page 139 of 1
thanks, have to go now. take care
Is there anyway to hide/show a whole card based on condition?
Yes
The name of the card even drops a strong hint ๐
It's worth taking a moment to browse the handful of stock cards
Im using it but can it really hide the whole card?
What about the title
๐คฆ
Since you don't seem to think I know what I'm suggesting, why don't you just try it
Never mind. Thought it just hid the entities
classic
Hi, Im playing with homeassistant few weeks, great project, thank you! There is just one thing I cant figure out how to fix... Charts - for dome reason all of them have unreadable values on both axis, screenshots: https://data.dread.cz/index.php/apps/gallery/s/K44JPJrDBSs5iM2
does anybohy have an idea why? @split granite noticed that it may be because of too many datapoints... Data comes from esp devices, some of them using esphome (for example that one called "antminer termostat" on screenshot g01.png), some of them are sending data over mqtt (for example on screenshot thermo1hr.png), but generally all graphs in my homeassitans suffer with this
It might be worth looking at https://github.com/kalkih/mini-graph-card - I use that instead of the stock graph cards
or is there a way how to delete the history?
Stop HA, delete the database file, start HA
All history will be gone at that point
ok I can try to backup that file (or rename)
Is there a way to tell the default lovelace config to not display cards for Areas? I like using the default autogenerated view but find that while not all entities support area, I end up needing to split my configuration between the old groups.yaml and the new areas, and it just looks awful ๐ฆ I'd like to set new Areas as integrations are updated, but actually use the old groups.yaml until I'm fully able to migrate away from it... Thanks
Don't use groups...
As things stand I get double groups - one for the new area and the second for the old groups.yaml
See above ๐
If you're using the auto-generated view then that's the only option
Alternatively, just take control
If I don't use groups, then everything that doesn't support areas ends up dumped together in "No area"
@heady ocean I stopped using autogenerated view as not all support areas
I agree that it was helpfull to get started
beh. Last time I took control (waaay pre-lovelace) I ended up waking up to massive amounts of junk that had accumulated... I guess I'm still a bit traumatized by that :/
The old states view has pretty much nothing in common with Lovelace
Forget everything you knew, and start fresh
K. Thanks
does lovelace re-arrange cards on screen depending on their size
hi guys! ๐
new to home assistant here
i'm a bit confused by all the guides i read until now... someone spoke about a raw configurator, but i assume that there isn't no more
i have italian language and i was looking for raw...
so i can add resources there right?
yes i'm trying to following this
but i'm missing some studying of the configuration.yaml ๐
Nothing goes there ๐
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
resources:
- url: /local/slider-entity-row.js
type: module
Having copied the required files to /config/www/
seems that the problem with values on axis is caused by brave browser, if I open it in firefox or chromium its OK...
'''
resources:
- url: /local/slider-entity-row.js
type: module
views:
cards:
type: entities
entities:- type: custom:slider-entity-row
entity: light.porta
- type: custom:slider-entity-row
'''
give error on "entities"
i did it ! ๐ช
Almost every plugin is working with Cast now.
browser_mod is giving me trouble, but I was kind of expecting that...
@polar kelp great news! I just happen to have a few of them to try out!
Clarification: they work for me. Fixes are not released yet.
Yup understood ๐ I will wait for your green light!
When using the popups in browser-mod and I have multiple windows open with HA, some times the popup will not open in the window I clicked on the opening button-card, I am using deviceID as this. Any reason for this?
Itโll pop up in the window that loaded last. As described in the readme. Only one window per device is โofficially supportedโ.
OK understood, not a huge deal as it only affects my dev and testing.
Is it possible to display a view (floorplan) only when minimal resolution is met? On my phone it looks like mess this view. Icons are to big
@polar kelp I don't think dialogs are supported by cast even for core at the moment
I feel dense... meds must have worn off again. In a Lovelace horizontal-stack card, how to create a "blank" placeholder entity?
zero pixel picture card?
Hello all, any recommendations on the best lovelace setup guide?
@tidal raft it's setup by default. You just need to make choices. First is whether you want everything added automatically or not. If you want to take control over how things are laid out, you need choose to do that.
The three dots in the upper right.
After you take control you'll be able to go into edit mode in the ui using the same three dots
really its that easy. What are these videos about then. creating a ui-lovelace.yaml files
That's the next choice after UI edit mode
Where you take complete control, there is no editing through the UI, and you are only using text files (yaml)
i need to able to make custom panel for multiple touch screens
I suggest living with UI edit mode for a few weeks
There's no one way to do that, but you'll definitely want to move beyond the automatically managed mode for that
there is NO WAY to do that?
no ONE way
There are multiples paths to what you are describing
Some simple, some elaborate
Start small. Just take control. learn how to make it show what you want first. Then you can get that to wall mounted tablets
end the end i will have 3 touchscreen around the house for control. Also one here in my computer run. End the I will want diffrent UIs for each
You can have multiple tabs/views...each view can be whatever you want. So each touchscreen could simply be showing a different view
I threw some red dots up there on some of mine
All your touchscreens need is a browser to be able to reach your server page
yeah i understand that part
And some people use fullykiosk browser or other apps I am not familiar with...but like I said, lots of ways to go about it
need just a broswer
well at these control pannel the Pi will have sensors and preform other fumction to.
look at @atomic glacier's stuff for example
the style is not my thing, but the customization he gets out of lovelace is crazy
a plugin for fully kiosk https://community.home-assistant.io/t/lovelace-fullykiosk/63441
๐games on( be on later) ๐
ah sorry...only using you as a reference! lol
kiosk seems cool
did not mean to disturb
@tidal raft dinotech's repo link up there ๐
yeah thats beautiful
There is just so much that can be done display wise....I honestly feel there is no limit except for your imagination(so far)
Feel free to tag and ask questions๐ฅณ
thanks dino
@tidal raft really it's like you're getting the big box of 128 crayons and then asking "is there a guide for these crayons?"
there's just too many directions possible
i will def need your help
( oh yeah, and โญmy repo to keep up on changes) big update coming this week
so is there where i can call on my harmony hub devices and control them
so you can edit "raw config" in the UI
where is that located
I am looking to borrow someones time if possible for somehelp
with?
When you new install Hass it auto generates dashboard items
I clicked on custom dashboard
and lost my auto dash creation
@tidal raft
Hey guys I have homefeed enable for some door sensors as way to provide me with a few updates when certain things occur, but it has not change status in 24 hours. Is the something that I need to add to my config file that forces state changes to update within the cards. ```type: 'custom:home-feed-card'
title: Home Feed
show_empty: false
id_filter: ^home_feed_.*
entities:
- automation.8348_irrigation
- switch.front_door_sensor_83
- switch.front_yard_gate_7```
@tidal raft the menu in the top right once in config mode
where is it located in the file systems
@serene grove you want to go back to auto?
yes
i also cant find any samba config files
Delete .storage/Lovelace and restart
that was directed at me right lol
lol
and delete the whole directory??
or just files inside
Wow no
Just the one file
@feral rivet nothing to add. Check issues for the card in it's repo?
@tidal raft wat?
Are you running hassio?
Install the Configurator addon
done
Then do it from there
hopefully future revisions will include a UI means of returning back to auto mode hehe
It's slated for 105 I believe
that be nice
I dont see .storage
Does Configurator have a setting to show hidden files?
hum.... sucks
@mild veldt I just check the attribute in dev tools and the are showing the this sensors have not been tripped in 24 hours which is not accurate at all. The motion sensors are zwave device connected to a vera controller, which is accurate showing the last time a door was opened
What do I do now?
Log an issue in the cards repo
I have seen thisupdater: reporting: false in a lot of config.yaml files , but it's not something I have in mine, could this be a factor. So not to challenge your wisdom here but if the attributes section in Dev tools is also not reflecting appropriate on/off times is that not a bigger issue than the card?
@mild veldt I am planning to wall mount a 10 in tablet for use in the house , can i hide all the tabs left of the various cards so that it requires a pin to access them? I don;t want unknown hands messing with things.
Not directly, views don't have pins, but you can hide them.
If you want that I would
- Use custom header kiosk mode
- Create a nav panel at the top of each view that links tothose views
- Use my restriction-card to add pin requirements to each button
I'll weigh in with an idea... have the RPis that are driving the displays that you say will have sensors on them send all sensor data to the HA server, while simultaniously have a browser in kiosk mode on each that uses one Home Panel url for each customized panel. You can customize the panels to no end including creating custom Applets in AppDaemon. This approach would be pretty straight forward and completely abstracts each RPi's frontend away from HA's default frontend.
Good morning,
I've made this and got 2 questions about it;
https://i.imgur.com/n004jGx.jpg
- Can I somehow center the 'Scenes' text? (this is a button card with label card on it. Can I use css to align this? if so can someone show me how? spend a night on it but cant figure it out.
- How do I change the color of the (barely visible) battery icon?
thanks
And yes, the orange is hard to read, will change that later ๐
I have some comman_line switches which just have a command_on parameter... can I somehow show only the turn on button instead of both in UI?
i did this https://imgur.com/K1De85e using this https://github.com/thomasloven/lovelace-slider-entity-row. is it possible to have that toggle to toggle another switch and not the lamp?
i mean, i will have a shelly switch to control that light, and if i turn off the switch the light will be disable, so the entire row, i wold have that with clicking the icon i can choose the color, with the slider choose the brightness and with the toggle pointing the shelly switch, is it possible or i have to change method
Template light
Template light
@polar kelp should i look for template light?
should be something like this? https://pastebin.com/iC7d469K
(HomeAssistant rule) - Templating isnโt available anywhere in lovelace currently. You have to do all templating in home assistant, not lovelace.
is it right?
@polar kelp I'm sure you already made this...
I search for a custom card which displays generic entites based on a list from a sensor...
auto-entities
I just have a comma separated list in a sensor's state... should i make it json?
Nah, it should work that way: https://github.com/thomasloven/lovelace-auto-entities#template-filter
I'm actually lost ๐ฃ
@late mango fixed the battery % color by adding a style option to my lovelace.yaml ๐
this is kind of a yaml question, but i'm having the question because of lovelace. What does have a dash ' - ' in front of an attribute indicate?
Is it possible to tell a card to span all columns?
oh well, glance cards seem to be able to do that
That wasn't quit what I intended. Glance card columns refer to the number of colums it creates within the card. I would like the card itself to span all 3 columns in the ui
you can set the view to panel mode, then it will stretch 1 card on the full width, other cards wont be rendered though
@severe fox Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
use that โ๏ธ to share the code for your card, or:
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
hmm. not what I wanted (the panel mode). Guess this isn't exactly flex layout and I have to keep it simple
I wanted a shelly 2.5 to work as a blind controller.
however I use 2 buttons, one to open and one to go down.
I wanted someone to help me with the code because I wanted to click the A button and it opens until I click the A button again and the same button B to go down.
what I found but can't adjust is
https://esphome.io/cookbook/dual-r2-cover.html
ESPHome
Dual relay cover motor control
An example of how to integrate covers that are controlled by two relays into ESPHome.
I am using entity-filter to show a list of all person entities with state "home". Currently, I am listing each person individually in the "entities" property. Can I somehow tell it to consider all person entities and then apply the filter?
I am essentially asking the same question as this poor fella who never got an answer: https://community.home-assistant.io/t/how-to-create-an-entity-filter-card-with-the-entity-id-including-all-trackers/117000
not with just 3 cards?
horizontal stack in panel mode
@formal tide posted a code wall, it is moved here --> https://paste.ubuntu.com/p/w9wnfFFWzZ/
i don't get how to posistion the code.. fuck
@dense lynx look here https://github.com/thomasloven/lovelace-auto-entities should work
How is that a list of entities, @formal tide ?
@deep moat look here: http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/
@half cairn @dense lynx I think you are looking for this https://github.com/thomasloven/lovelace-layout-card can do pretty much anything
@atomic glacier Nice, lots of good info, thanks!
Also if you need example code or ideas https://github.com/Dino-Tech/Home-Assistant-Main major code update coming soon to make it easier to follow, but feel free to tag me with questions regarding my stuff
can someone point me the error?
Impossibile analizzare YAML: YAMLException: bad indentation of a mapping entry at line 28, column 15:
- entity: media_player.mibox3
@polar kelp got it :)
{% for dev in states.sensor.wifi24devices.attributes.devices %}
{% if device.attributes.mac|lower == dev.mac %}
{{ device.entity_id }}
{% endif %}
{% endfor %}
{% endfor %} ```
thanks for your great contributions!
@nova pasture Indention and format is off some, look here: https://www.home-assistant.io/lovelace/vertical-stack/ and for a better explanation of structure, here: http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/
i did it! now.. i'm just playing around, i have 3 column with 2 cards, 1 cards and 1 weather card, can i have the second column's card be big like the weather card??
and actually look like a card.. now it has no shadows
as you add content/entities to a card it will grow to accomadate what you have added. The card height: can also be adjusted on some custom cards or can be done with card-mod
@atomic glacier but it doesn't have shadows like other cards
I have "confirmation" as a parameter with a button card. But I can';t get the text for the confirmation dialog working. It always says : Are you sure you want to toggle?
How can I change it to my own text?
@nova pasture Would have to see the code. I'm am guessing the sytling was removed, maybe? If not, you can put it inside of an entities-card to fix it, but would still have to see the code used
@atomic glacier https://pastebin.com/dh4CMtpW
@nova pasture https://paste.ubuntu.com/p/SCPR7pp8Wc/ that should give you an example
@atomic glacier ye! that's much better!
that's bring to another question, can i have a different view of that for smartphone? via app
only to know.. that's too difficult for me now btw
yes, I have different views for each type device. e.g. tablet, mobile, desk PC
super
is there any guide to set device tracker with google maps?
Is there any way to change the icon size/font size of the top header in HA? In other words the view icons.
https://www.home-assistant.io/integrations/google_maps/ is it still valid?
ah ok that's why i already have my device under device tracker
@mild veldt can we see that from satellite like google.maps instead of OSS?
osm*
@nova pasture https://www.home-assistant.io/cookbook/google_maps_card/
@serene grove get on the beta release and you can remove your config via the UI https://rc.home-assistant.io/blog/2020/01/08/release-104/#remove-lovelace-config
ok i will leave the open street map card ๐ but, can i link the device to a user? now i see only M6 (mi.6)
yes, in the person editor
then i have to reload HA?
no
doesn't work๐ข
oh, I think I see what you're after. You just want to display name on the map to change?
ye... now and then i want to see an icon with my photo, and then i would like to have a badge or something with my icon and battery of my phone
well to just change the name, you can use the Entity Registry found in the Configuration panel
But if you want picture and name, use the Customizations option in Configuration panel
But... What if you just want some tacos?
If you want tacos, you use the Taco Bell integration
This isn't rocket surgery, @wheat current
No coverage in Norway
i'm hungry man! don't talk about tacos ahahah
@wheat current then you'll need to create a script to use the Teleportation integration in conjunction with the Taco Bell integration to portal the tacos to the desired location
Ahhh.. that might work, thanks @mild veldt!
๐
ok in customization - person i assign a picphoto.jpg in the icon and as source my device_tracker.mi_6 but nothing seems changed.
in customization.yalm there is lines of the picphoto and the tracker
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
show us what you did ๐
@nova pasture icon is for icons. You are using a photo, you you'll need to populate entity_picture
and give the proper path to it
And is that image - in that case - in /config/www/?
i've put that image in ~/.homeassistant/www/
And you restarted HA after you created www/
yes, i have other things in www
https://pastebin.com/KQWHFKFa this is customize.yalm that ha created
Maybe my question will be better suited here since it has to do with customizing lovelace. I have this line in my RAW editor custom_header: background: 'rgba(155, 155, 155, 0.25)' and would like to remove the background: customization when anything except a specific theme is selected. OR if it would be easier, to only include it when a specific theme is selected.
https://pastebin.com/gVwu8Uj4 this is configuration.yalm
I'm having a hard time figuring out how to report the current active theme. I was able to create an input_select.theme but that only updates if I change it manually.
why when it add cards in automatic it changes my config? first i have - type : vertical now i have type: vertical and - cards
@meager marsh Custom Header discussion is better suited for #609399695466430465 , but you should just use the theme variables for CH in your themes. https://maykar.github.io/custom-header/#styling/advanced
https://imgur.com/laObufD i'm doing some progress!! now, since in panel mode i cannot have badges (little cute circles :D) i made a card with person.davide, is there a way to see other information? like battery of device?
Wow I completely missed that. Thanks! @clever ore
Here we go!
๐ card-tools now fully supports Home Assistant Cast
๐ auto-entities now fully supports Home Assistant Cast
๐ fold-entity-row now fully supports Home Assistant Cast
๐ layout-card now almost fully supports Home Assistant Cast
๐ state-switch now fully supports Home Assistant Cast
๐ browser_mod now fully supports Home Assistant Cast (sic!)
Everything else I tested already worked
๐ @polar kelp now fully supports Home Assistant Cast
@polar kelp curious what isn't working with layout card?
Itโs not working on first load.
If you cast one view, and then switch to one with layout-card everythingโs fine. But if you start the cast with a layout-card view itโs just blank.
Any ideas why icons for mqtt sensors keep randomly changing?
could it just be browser cache?
I have set up CH and restricting views based on the user, however I am also using the swipe card, when swiping the restricted views can be accessed is this something I have perhaps done wrong?
what is home asssistant cast?
nm
will there ever be a way to do an iframe with an https website?
is there a way to have the lock card from the states-ui page on my normal page. i like that on the states-ui page its a lock and unlock button rather than a toggle like it is in the entities card
how do I add a weblink to a card?
it goes in an entity card but I'm doing something wrong
nm I found it
howdy lovelace gurus! can anyone tell me how to figure out what value is being changed by the white value slider on the light card? I know white_value seems like the obvious choice but the docs say that's a true/false. trying to reverse engineer the card so I an find the value it adjusts with that slider so I can use that value in an automation
What docs are you reading? It's a value between 0 and 255
@mild veldt I'll have to find the page I was on (think it was the Tasmota docs). just tried setting two identical bulbs via a scene with white_value: 100 and white_value: 255 and they are both identical
So super random question related to lovelace: when have most people started seriously working on their interfaces? I haven't bothered yet because I'm still working out architecture, flow, automations, etc. Just wondering when people have considered their setup "done" enough to finalise an interface?
@trim marsh I don't believe all bulbs actually support white value
@green raft I can't imagine how you'll get useful answers from that question...
Can the mini media player be styled with mod-card? I have been trying to just round the corners but no luck, my code works fine with the button-card.
I dunno @mild veldt. In any sort of software production situation, there comes a time to put an end to functional spec creep and start on implementation and UI. Was just wondering if there was some checkboxes I should be internally ticking before I commit to designing the UI.
Has anyone seen a duplicate tab content in lovelace? I added a tab the other day, and it duplicated all the contents from the tab next to it. Every entity I modify/delete/add is duplicated, but I can't seem to delete the duplicated tab. Any ideas?
Check if you have it the same path
How do I do that?
i keep on having "Custom element doesn't exist: atomic_calendar."
i have it in my www and i have the resources listed in raw configurator
and why it keep messing with code?
How did you define it? And did you clear your cache?
https://imgur.com/K1Iox8z left is now (after restart HA) right before restart
atomic_calendar.js is the custom that cause problems
Restart != Clear cache
what's that? where should i put that command?
What's the first line in the js file?
Does anyone know how to force an ipad to clear its browser (Chrome) cache? I tried settings, Privacy, clear browsing data and cleared cached images and files.
But my ipad is still showing an old image on one of my picture entity cards. Its showing the correct image in a incognito tab.
Use incognito
@wheat current i've done it! Do you know why it keeps twisting code when i restart?
There's a whirlwind inside HA
it's upside down kind of.. i write cards type: vertical entities and then i find cards entities type:vertical with dash on cards and not on type vertical
That's the way the underlying library generates the YAML
The automation editor does the same
it mess with my mind... after that i cannot understand how to add cards
You've got three choices:
- Pure UI
- Pure YAML
- Mix it up, and deal with it ๐
i write in the home assistant configurator page.. is it an error? do you write directly on ui-lovelace file via vsc and when save you refresh?
Did you enable YAML mode?
I've no idea how the configurator software behaves, it's not part of Home Assistant
so you write in home assistant
If you're using YAML mode you only edit ui-lovelace.yaml
How you edit that largely doesn't matter
so i will keep it this way.. i will figure it out ๐
Hi..! I have a command line sensor that returns a JSON state with an image URL. I would like to display this image in a picture entity card. I have my card configured like this:
aspect_ratio: 50%
entity: sensor.raid
name: Huidige foto
type: picture-entity
image: "{{ state_attr('sensor.raid', 'image') }}"
But the image isn't displaying even though the state attribute "image" is present when I check the status of the sensor. What am I doing wrong?
templates are not supported in lovelace
there are some custom card solutions
config-template-card and templater-card
Thanks
Hy everybody,
is there a good documentation for lovelace and automatisations inclusive notifications?
There are none
Lovelace doesn't have automations...
Lovelace not but automations also exists.
How can you manage your user interface without documentation?
It's not clear what you're asking about
There's a stack of documentation
It won't cover every single possible combination of things, because that's insane
I am not sure how to configure the different cards and the documentation that I found is not really clear to me.
been there, sometimes they need more examples.
try to look at other people's stuff on github, it helps a lot.
The core cards have documentation that covers them - anybody can submit updates to make things clearer
Custom cards are up to the developer
Updates to make custom cards more clear are always welcome by developers as well ๐
๐ฎ
trying to get "fashionable" with home assistant and add some themes (my version Home Assistant 0.103.6 - HASS.io) but when i add themes: !include_dir_merge_list themes and reboot i get a error The following components and platforms could not be set up: themes watched a bunch of videos but im missing something
also i have created the themes dir in config and added the unique theme to the dir
you are missing 8 chars, a new line ans 2 spaces
@pseudo hearth To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
this is what i have in the config.yaml
frontend:
themes: ...
This is wrong

good sir, are you the main man with the master plan that created HACS?
way to go!!!! super easy install and completed it last night!
thank you for your hard work
''' frontend:
themes: !include_dir_merge_list themes
'''
dang
1 sec
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
frontend:
themes: !include_dir_merge_list themes
breaks everything after reboot ๐ฆ
Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.
Run that
Just noticed card-mod now supports report_size ๐
Thank you @split granite
frontend:
- Invalid config for [frontend]: expected a dictionary for dictionary value @ data['frontend']['themes']. Got []. (See /config/configuration.yaml, line 4). Please check the docs at https://home-assistant.io/integrations/frontend/
bottom of the log
frontend:
Probably the issue is with the files (or lack of) in the themes folder
theres just one theme file in there "midnight-remake.yaml"
remove it, or move it to another location, then check it again
if i move it do i call it directly ?
im back into HA and then like @split granite said im checking config then piping it to a log
hassio homeassistant check > check.log
@wheat current is there a way to enable themes in HACS if i didnt enable it (cause it said depreciated)
Ohhhhhhhhhhhhhhhhhhh were on to somthing! Command completed successfully.
And it WORKS!!!
Thank you Thank you Thank you!
@mild veldt I can control white value (I think) from the slider on the light entity card. what I'm trying to figure out is the parameter name and values are that are being passed to the light so I can replicate those values in an automation
Is it not just white_value?
Hi guys, are there any tutorials or best practises to set up 3 presentations for lovelace? Mobile, Desktop and Tablet?
you can make a different view for each
Too variation in people's tastes for a "best practice"
Yes I suppose thats true.... so if I have 10 views I will need to make 30
10 for each device
I was hoping I could do themes to manage positioning lol
Can lovelace manage all CSS functionality? So sliding menus like we do on a typical web page?
kinda why I still just have cards, they morph to fit every screen
Well I am trying to replicate my control4 UI, I really think they nailed the experience with the latest release, however was we know they are a closed book and super $$$$ so I have decided to replace C4 with Home Assistant, so I am just keeping the wife happy with keeping the UI close to the same.
What's the UI like?
My buddy works for c4, I should give him a call and touch base
I haven't read through it, but this looked interesting https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594
hey guys, I am looking to customize my wall mounted tablet and @mild veldt has provided me a starting point using custom header. That said I want to limit a UI to either a user group or device. Is that possible? Where do I start?
Hi everyone. I'm trying to customize the view of my HassIO installation. Lovelace seems to be installed by default, but how do I customize it? I tried making a ui-lovelace.yaml file but it's not working
@ancient harness I like it easy to use and quite flexible to change with favorites etc.
which, c4 or that HA link i posted?
google control4 OS3
C4 I was referring too
I am just going over yout link
I do like what I see in your link
Hey everyone. Complete noob here. When i create a new "view" or tab in overview and start adding cards, they all are listed in a centre column and not tiled like the Home view. Is there a way to have it follow the same style of layout?
@feral rivet custom header can help with that or the visible option for views
@junior grail from the UI just go to the top right menu and select Configure to take control of the ui
@placid spade they will expand to other columns as you add more. If you want full control, checkout layout-card
Thanks for the quick reply. I will check out layout card.
@mild veldt So should I create my other user accounts and then start editing the ui in each of them of can I do that from my admin account and then when they log in as the defined user they only see their UI?
this makes my eyes bleed: https://github.com/matt8707/hass-config/blob/master/ui-lovelace.yaml
for the love of god, who thought it was a good idea to put all of this in a config?
@feral rivet only admin accounts can edit the UI
got it, but will the result cascade down. will the different customization be applied only to specific users or devices? I just don't want to have people messing with items in the sidebar.
something sorta like this https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594
Is there an easy way to have more information pop up for a sensor when it's clicked on?
I have a rest sensor that pulls the weather advisories
but it just puts something like Wind advisory
I'd like to get all the details when I click on it
I was going to make a second sensor that pulls the full advisory
HI, can I use a vertical-stack-in-card with a conditional card?
huh... i rather liked the check slider light card vs this gigantic thing
@livid oracle Yes. Almost everyhting can be used with almost everything.
With the exception of some old custom cards, which can't wrap other custom cards... but they are few and far between nowadays
OK thats great
Are there any value mapping capabilities for the UI? For example, a sensor's state might show true or false but I want to show "on" and "off" in the UI.
I am trying to wrap the conditional card into a fold entity row and the stack in, I got the stack in working but struggling with the fold entity row and the conditional.
cannot read property 'split'
Getting the stack into a conditional shouldn't be a problem. It's just like any other card - indent it an extra step.
I have seen that before hmmmmmm
Getting a card into fold-entity-row is harder, because it expects a row, not a card.
ahhhhh
So you'll need to pretend it's a "custom" row, and use the lovelace-internal type, which is custom:hui-conditional-card
Oh thats nice... I will try this... I can use that else where too ๐
This goes before the fold or after it? "type: custom:hui-glance-card"
type: 'custom:hui-conditional' says it doesn't exist.... from reading the docs I think I got that right?
Got it! Needed to add card!
Awesome! Thanks Thomas!
Its like a shoe horn! LOL
You have to remember things aren't meant to be used this way...
Hello
Is it a easy way to reinstall HA - Hass.io ? would not boot up to be able to connect to it via web browser or app. But i can reach the foldders by the ip adress from a PC
Try telling the people in #330944238910963714 or #330990055533576204 what you see in your log files, and I'm sure they can help you.
thx
@dense lynx you probably just need to set the device_class
Hey Hey folks, wonder if anyone can help me customise a badge, so it doesnt show the date, and only shows the time
@velvet bloom create a template sensor
Thanks Ian, but how do i do that?
I was already on this page here, but still a little unclear
Start with the second one, but read all of them. It's an awesome tool to have in your box
You probably want this one: https://www.home-assistant.io/integrations/template/ And set the value_template
The thing is the value returned from the ring sensor seems to be date T Time
That will be a timestamp object, so you should be able to {{ state_attr('sensor.front_door', 'created_at') | as_timestamp | timestamp_custom("%H:%M") }}
You can try it in
->Template
Sorry i dont really understand
could you show me using hastebin what i should be doing?
@sturdy bough lovelace visible I use https://www.home-assistant.io/lovelace/views/ https://github.com/atxbyea/HA-Config/tree/master/ui-lovelace
@polar kelp any chance you can help a bit further?
Does the template I suggested work?
erm, i am not really clear how to create it using the snippit you sent
I mean in the templats editor under dev-tools. Does this work for you:
Ah ok
i didnt realise thats what you meant
can i just remove what i have there now?
yeah
Do i need to save it or anything?
just restart the server?
I put your code in there (removed what was there), and restarted HA, but no change
Oh wait i noticed you had {{ state_attr('sensor.front_door', 'created_at') | as_timestamp | timestamp_custom("%H:%M") }}
Let's move this discussion to #330944238910963714 where it belongs
When i think it should be {{ state_attr('sensor.front_door_last_activity', 'created_at') | as_timestamp | timestamp_custom("%H:%M") }}
The sensor name was wrong.
Ok happyt to move there
so templates on the right now shows the time....
well, it shows a time, its not actually now
@mild veldt That's what lovelace uses to select an icon? Which device_class'es exist? I could find https://www.home-assistant.io/docs/configuration/customizing-devices/#device-class but it only tells for which components it is supported.
Click on whatever domain you have in that list and it will show the available options
oh boy ๐ that was too easy
๐
Hi everyone, reading about it again and again on reddit, and today in the 0.104 release notes, I tried the ios-dark-mode theme. It looks nice, but any history-graph is almost unreadable. Am I missing some extra config? I couldn't find anyone else complaining about this...
Anyone know how to see log from shell_commands executed by a script to see what happened?
@alpine dagger posted a code wall, it is moved here --> https://paste.ubuntu.com/p/yFhSpDY3Xb/
Anyone able to help with the code i posted, i'm trying to sort LG TVWebOS
just trying to create a little button stuff...
I'm really new to Home Assistant
Or does anybody have a LG WebOSTV sample i could use?
@alpine dagger remove sequence:
and remove the - in front of service and unindent accordingly
tap_action:
action: call-service
service: webostv.button
service_data:
entity_id: media_player.lg_tv
button: VOLUMEUP
@mild veldt I'll have to try tonight
Son hates me messing with tele when he wants to watch cartoons
@mild veldt thanks
since they changed the groups in 104, how do i call group.all_covers now?
oh, i was trying covers.all thx!
Hey everyone
does someone here has experience with using an ipad 2 as a HA dashboard?
Hi guys! Newbie here ๐ฉ I was sent here from the HACS Discord. I'm adding my first custom card to Lovelace with HACS, Weather Card (the one with animated icons). Installed plugin successfully, (I think I added it correctly ->) copied to code to the right place. Restarted Hass. UI only giving me "entity not available: weather.yourweatherentity". I've looked around without finding a solution to my problem but I know it's something silly I'm missing.
Code I pasted in lovelace:
resources:
- url: community_plugin/weather-card/weather-card.js
type: module
views:
- badges: null
cards:
- type: custom:weather-card
entity: weather.animatedweather
name: animated weather
icons: "community/weather-card/icons/"
``` Is there something simple I'm missing?
Is that the actual error?
The card says weather.animatedweather for the entity
The message says weather.yourweatherentity
sorry I changed it๐ ! error now says: "Entity not available: weather.animatedweather"
well is it?
Is it?
Does that entity exist in
-> States?
Does it?
@mild veldt , didn't work T_T
cards:
- entity: media_player.lg_tv
icon: 'mdi:volume-plus'
tap_action:
action: call-service
service: webostv.button
service_data:
entity_id: media_player.lg_tv
button: VOLUMEUP
type: entity-button
type: horizontal-stack
Failed to call service webostv/button. Service not found
Does it exist?
https://www.home-assistant.io/integrations/webostv/#example
it does say it does...
oh can't post screenshot
Well.. sure... If the integration works
Generic commands and buttons
and you are on 104
first, what's 104
@alpine dagger dev tools -> services, allows you to test your service calls first
Lazy writing for 0.104.0
ah okay
WOW
that's cool!
so i've got media_player.volume_down
media_player.volume_up
Hey everyone. Apologies if this has already been asked. Just updated to 0.104.0. I previously had some groups defined (in groups.yaml) containing lights for specific rooms. After the update the icons are now enormous and not part of the groups in the UI. Any idea why? Not talking about the default groups that were removed in the update.
what am i doing wrong with this one?:
- entity: media_player.lg_tv
icon: 'mdi:volume-plus'
tap_action:
action: call-service
service_data:
entity_id: media_player.lg_tv
service: media_player.volume_up
type: entity-button
type: horizontal-stack
@balmy cave I'm having a hard time following what you're saying
a picture would probably explain better
Please use imgur or other image sharing web sites, and share the link here.
Sorry @mild veldt let me try again. I updated to 0.104.0. I previously had groups defined in groups.yaml that grouped together entities like lightbulbs for specific rooms. They showed up in a group in the UI. Now they're not in the group and are just enormous. Ok let me send you a pic.
@alpine dagger would have to know your error, first. config looks fine at a glance
hmm, I think paulus did remove something from the automated view...will have to check
Config is missing the service
ah, yeah. move it out of service_data
Here's a good example. These two Office_Fan lights were previously all under the Office heading. Like this: https://imgur.com/a/jLCAsug
right so that seems easy to fiddle with now
@balmy cave I was thinking of this https://github.com/home-assistant/home-assistant-polymer/pull/4487, unrelated to you
Only lights seem to be doing this. This group which contains no lights works fine. https://imgur.com/a/5WmzPQU
Hope those images make more sense. Every single light entity became enormous and isn't in a group in the UI anymore. The actual group defined in groups.yaml does still work.
Looks like that was a change made by @winter hollow https://github.com/home-assistant/home-assistant-polymer/pull/4356/files#diff-da786a038dac2fd7c1e24c0a92c95a4bR135
You referring to me on this one?
yes
Sorry, are you saying the change is by design?
I thought if in a group it ignored that logic though...
No, I don't think so, not if you have it in a group
If you had no groups defined, then yes, that is by design
Let me try to remove and then re-add the group.
Nope. Didn't fix it. Ahh this makes the UI almost unusable.
So if i look into Dev Tools -> Service it gives me a list of services...
WebOsTV isn't there... does that mean i've not installed it correctly?
Yes and no
๐ and ๐ฆ
If 104, you did not do it correctly, if other, it does not exist
Seems this person (https://community.home-assistant.io/t/cant-create-a-group-with-lights/163992) has the same issue @mild veldt (at least I think so).
@balmy cave you can also always take control and tweak it how you like
But would suggest you file a bug report on the repo https://github.com/home-assistant/home-assistant-polymer/issues/new?assignees=&labels=bug&template=bug_report.md&title=
Configure UI you mean? I haven't done that yet.
That's a good idea. I'll file the bug report. I may end up going back to the previous version I was on since this is pretty annoying. Hopefully it's just as simple as restoring the snapshot I took before the upgrade.
Well this is exciting new update!
@split granite I can't find any mention of animatedweather entity in
>states
FYI - I added the bug report @mild veldt - thanks for the idea. https://github.com/home-assistant/home-assistant-polymer/issues/4491
I'll hang out at this version for a bit to see if it can be fixed. I can't be the only one with this problem.
Likely not, but should be your push towards taking control of the UI and customizing it @balmy cave ๐
@mild veldt Ha, I know I know. Not sure why I'm not to be honest.
do it ๐
@split granite Thanks a million! its showing now.
It's stupid but I hate doing something that has no going back.
huh?
sorry, was talking to @mild veldt
I know
You have always had the option to go back
now it's even easier then ever https://www.home-assistant.io/blog/2020/01/15/release-104/#removing-your-lovelace-configuration
Anyone with experience with floorplan . Canโt figure out why itโs not working
I didn't know you could go back actually. You're saying I can do Configure UI and then if I don't like it and do the remove (as per the link you just sent) it'll just go back to the default as it is now?
yes
Well I suppose I can try that then.
Thanks @wheat current!
Hahahaha
I did it. They're back in a group but the enormous icons are still there. I have to delete them manually.
Wow this is better. Why did I wait so long to do this? ๐
Hey everyone, I hope my question is alright to ask. I am trying to change the following:
secondary_info: '[[ if(binary_sensor.wyzesense_00000000.attributes.battery_level < 90, "Below", "Above") ]] the horizon'
the 'if' to something like
'[[ if(binary_sensor.wyzesense_00000000.attributes.battery_level < 90, "<b style='color:red'>[[ binary_sensor.wyzesense_00000000.attributes.battery_level ]]</b>", "Above") ]] the horizon'
where I change the codeblock to highlight it red.
Any tips?
I'm trying to get an iframe card to show up in Lovelace. This one card is in the UI Config code for a tab:
- badges: []
cards:
- aspect_ratio: 75
type: iframe
url: 'https://embed.windy.com'
icon: 'mdi:weather-windy-variant'
panel: false
path: weather
title: Weather
I don't see the card. I'm using Home Assistant 0.104.0. I'm interested in guidance on what direction to take: 1) is the UI Config editor not a good idea to use? 2) Would moving to a lovelace-ui.yaml file work better? 3) Is there something wrong with the card definition?
just updated to 104, lovelace is gettin pretty sweet, you can do so much when you add a new entity
can I use the camera entity card for a camera and have it only stream when I tap on it?
@odd light camera entity card?
@hasty sparrow use UI editor unless you need advanced yaml features like anchors
@hasty sparrow To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
@urban otter try double quotes for style
@mild veldt there's a camera entity card?
I got it to work as follows:
secondary_info: 'Battery:[[ if(binary_sensor.wyzesense_00000000.attributes.battery_level > 20, , <b style="color:red">) ]] [[ binary_sensor.wyzesense_00000000.attributes.battery_level ]]%'
no worries, so yeah, you just need the tap_action to be more-info and you'll get your stream
which should be the default
so don't actually need to define it
Is there a way to specify what shows up in the popup when you tap a sensor?
I have a rest sensor that pulls data from the weather service
@pallid needle yes with browser_mod
and I'd like additional details when tapped
I'll look at that
thanks
That looks like overkill for what I'm trying to do
You want a custom popup...that's how you do it unless you create your own plugin
just added stream: to configuration.yaml and restarted HA, let's get some cam feeds going. ๐
Ah, assumed you had that ๐
Yeah, I was just wondering if there was a details attribute I had missed or something
nah, I tried cameras when they first added support and it sucked.
I want to add them but only if I control when they stream so it doesn't kill my cell data when I look at HA on my phone.
they mention a camera platform, do I need to put something into the config yaml for that too?
I don't have play_stream in my services
is it better to pull camera streams directly from blue iris, or the cameras? ๐ค
I think this may need to be in the #cameras-archived
Put them on a different page in the HA interface, should eliminate the stream issue unless you go to the camera page.
?
Well I got the cams added to love lace and working, and right now I have them in picture entity cards with the view set to auto, so they aren't streaming all the time for on my phone. But i'd love to be able to toggle between streaming and not, if I put them on another view with streaming on, I'd think they will still be streaming in the background on my phone but how would I know, if I can't see that view lol.
I'm sure I'm not the only one doing this, someone may chime in with a better way
I just noticed the picture seems to update the still shot on an interval, interesting
Is there a way to have the button card change sizes based on device? With out having seperate views?
Hey guys, im building a control panel for hass.io with a Pi 4 and a touch screen. OS suggestions?????
@tidal raft ubuntu has the best touch-friendly features IMO
even on a pi?
oh, yeah, i don't know if it has pi compatability ๐คทโโ๏ธ
i was going to just try raspbian desktop lite
raspbian will allow GPIO access easier...right?
question better asked in #330990055533576204 or #diy-archived
lol ok
is there an easy way to build a group of lights that i already have connected without writing a script
is that the only way?
it would be the easy way...
Is it just my setup or is double_tap_action triggered as a single tap on android devices?
to be clear on what i was trying to achive was setting up a card for entites
thats all
i cant believe it was so hard to figure that all out on my own
anyways just thought i would report back on that
is there an updated way to change the dark background of lovelace somewhere thsi white is killing me
Themes
where?
i cant believe it was so hard to figure that all out on my own
and it only gets easier from here
honestly 1 out of every 10 videos i find on this stuff proves uselful
Well, duh
HA updates ever three weeks
Videos never do
Doesn't take very long for the video to become wrong
you can get parts out guides and video but not word for word
just stuck on themes now... it never worked before so this is my 2nd attempt
no useful information even on that link
The example above defined two themes named happy and sad. For each theme you can set values for CSS variables. For a partial list of variables used by the main
who woudl ever use that .. not useful at all
bad usuage for example
There's a whole section in the forum for themes
There's a bunch available from HACS
idgaf im looking at that section
Grab some, play about
i dont even install that
like baby steps but still
all i run into is useless information
i coudl create better guides
well then it would be the same as all the others 2 months from now
Then create one @foggy fog
like i said, you can still use parts from these guides/videos it's just you can't take it word for word
Bitching about the docs isn't going to make people want to help you ๐
just to prove my point im going to make a couple youtube videos for all the stupid things i encountered
and i bet i get alot of traffic
I hope youโre right. Looking forward to it!
define a lot
What would be the "better" (smart) security cams that can be integrated into Lovelace? I don't want the stream to leave my network, so it would have to run locally.
#cameras-archived would be able to advise - if you provide some suggestions on budget, and where you are in the world ๐
I will head over there ๐
https://community.home-assistant.io/t/lovelace-evohome-opentherm/135823/3 trying in to incorporate this in my install, where do I paste the lovelace cards config?
Im trying to make my own theme, is there an overview somewhere that explains what is what in the frontend.yaml file?
For example, to what do 'paper-card-header-color:' or 'label-badge-background-color:' exactly relate? I've found some by looking at descriptions of other Themes, or by just changing colors, restarting HA and then check which elements in the UI changed, but Im not able to find all the items listed.
and it sucks to restart HA over and over
any suggestion on how to include a panel to my own website that uses google oauth? i use nginx reverse proxys and cant figure out a CORS and CSP config that would work within the home assistant android app
or maybe is the ingress feature available for HA not just hassio?
I see. I'm not even sure there's a way to do a new google oauth session inside iframe
why not authenticate outside the iframe, like a popup or new window and then just callback
ideally i would like it to work within the HA android app
ill try to use HA auth for that particular website my wife uses
https://github.com/vouch/vouch-proxy/blob/master/config/config.yml_example_homeassistant <- has anyone impelmented this? EDIT: i have, it works ๐
hehe, inside the app it creates a new login window to the website though
maybe i should just check that the HA login cookie is set and that's it
not implement auth ontop of auth
Hi guys, can someone give me a hand with my config? (https://pastebin.com/EmHtbcAL) I am trying to have the conditional card inside a fold-entity-row... it is showing but it's applying some shadowing that I am not sure how to fix (and it might be somehow a bug maybe?)
@sacred quarry 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.
@sacred quarry you're creating an inner entities card each time
you'll need to just create the row
You'll appreciate this once it is merged, I believe https://github.com/home-assistant/home-assistant-polymer/pull/4173
mmmh I am not really sure I follow the concept of "row", is the row gonna replace "card:"? If so, how would I still show two cards once the "on" condition is met?
you're already in an entities card, so yes, it would apply a row. you can already do this by using the full element name like you did for the conditional card inside the entities card. but you do bring up a good point for multiple rows. as created you would have to create multiple conditionals, all of the same type, or put them in a vertical-stack of some kind. i might re-visit the PR before it is merged ๐ค
that being said, I think a better/cleaner option might be using auto-entities. see here https://github.com/thomasloven/lovelace-fold-entity-row#advanced
mmmh that wouldn't help because I don't wanna include all the lights, what I am trying to do is to show some "pre-defined" colors under a light entity when this is on. I do already have it working everywhere, now I was trying to make a view for per-room lights with this option, and the only problem with my config is the "shade" (as per screenshot), the rest is actually working as expected
As you can see from the screenshot, it is working with the condition, those "points" are showed only when the light it's on, but all that "conditioned" part have it's own "box"
not sure I explained myself clearly, sorry if not
This is what the end-goal would look like (it is just missing the "pre-defined colors points" condition): https://imgur.com/a/NIVjWs9
Hi, i'm trying to add a picture elements item on lovelace and I'm having a weird issue, the item is not showing after saving the configuration. I just followed the example at the bottom of this page : https://www.home-assistant.io/integrations/foscam/ and replaced the entity_id with the right one.
@stone walrus start small and not just pasting the full thing
like just add one element
you also have to have stream: setup in your configuration.yaml to see live views
already tried, with the first element, only the prerequesites, and same behaviour
okay, i'll check the stream setup
if i replace foscam integration with a generic stream integration, i guess i will lose the PTZ support?
๐คทโโ๏ธ probably
okay so that won't help
Just an additional screenshot to show when it becomes ugly (all those entities and the additional fold-entity-row are part of the same fold-entity-row), when no condition it's used it shows perfectly but once I add it the "shade" appears: https://imgur.com/a/cyNBsco
same issue if i use a generic stream
@sacred quarry that shade is the entities card itself. You could remove the box-shadow with card-mod, I suppose
was trying to customize a picture on device.tracker and then a suggestion was try and handle it inside of lovelace.
This was one of many trys, You can see the error at the bottom
https://cdn.discordapp.com/attachments/330944238910963714/667826297820545024/unknown.png
@solid sage no
@fair hamlet check the docs https://www.home-assistant.io/lovelace/entities/#image
@solid sage you could use this https://www.home-assistant.io/cookbook/google_maps_card/. Google's static map API can do satelite
Just got it working by customizing the entity. Forgot to put "" around the file spec. Now they show without having to specify them in the entity card. Thanks.
Thanks @mild veldt , I tried without the entities card (for when I had only one card) and it actually worked, the problem is that where I do have the two cards (light and colors) it only shows the second. Unfortunately I have no idea how to remove that using card-mod... So I guess I'll wait for your "row" implementation and I'll try with that ๐
Oh I think I actually did it ๐
It's not perfectly aligned, but it's good enough ๐ https://imgur.com/a/ppliISJ
@polar kelp I'm sorry to insist, but do you have an idea if it'll be sometime implemented? The back button on android on a popup doesn't exit the popup, instead it goes to the previous page. And the size of the popup that doesn't refresh with a dynamic card.
https://community.home-assistant.io/t/browser-mod-turn-your-browser-into-a-controllable-device-and-a-media-player/123806/305?u=ricreis394
There isn't really much I can do about the dynamic card size. The size is calculated on launch of the card to put it in the right spot, and if it was updated regularly it would be a terrible user experience e.g. for folding cards.
Re: the back button thing... I don't have any android devices, so I can't really debug it very easily... but I suppose it's in this list somewhere? https://github.com/issues?utf8=โ&q=is%3Aopen+is%3Aissue+user%3Athomasloven If so, I'll look into it regularly to see if I have any idea how to solve it.
... when work and family allows...
can browser mod do multiple things? What I was thinking will not work
That's sad that can't be done the dynamic size thing. About the back button, I'm glad it's on the list ๐ also, the link gave 404 error. But looking at the open issues I can't find any that's related to the back button...๐
I believe that was a prompt for you to report it there
re:re: back button
It happens everywhere, there are few webside I visit that actually closes it instead of navigating back
In norwegian we say it like "web side" or "nett side", I blame ๐บ for mixing it
What were you thinking, Ludeeus?
Know what. Tell me tomorrow. I'm going to bed.
Night!
just reinstalled and now i dont see the buttons to edit the lovellace UI
You have to take control first
i thought it was on by default what do i do?
Too right corner@menu
Anyone familiar with HACS and the Custom Header Add-On? I cannot get it up and running for the life of me. I keep getting this "Component error: custom_header - Integration 'custom_header' not found." error.
Hi, I am trying to use the layout card but the UI editor seems to not allow editing on the page I have to go to the raw editor, is that how this card will work? I just used Thomas's same code so I am not doing anything but a simple test.
@odd light Ah ok understood, I think I will just start using the yaml file it is time to make the move!
@wild wing it's not an add-on or an integration. It is a custom resource for Lovelace
I have taken control
after adding this to configuration.yaml what would I add in lovelace?
sensor:
- platform: systemmonitor
resources:
- type: disk_use_percent
arg: /home
- type: memory_free
I'm running 0.103.4 and noticed that tap_action: toggle doesn't seem to work ... if i enable that and hold, the menu comes up and if I delete it from config, the menu pops up immediately on tap ... anyone know of this? Has something changed?
another question:
entity: switch.doorbell_chime
hold_action:
action: more-info
show_icon: true
show_name: true
tap_action:
action: toggle
type: entity-button
how do I make it so the doorbell rings normally....? right now it toggles high and holds... then I have to push the button to get it to be unstuck if you will.
@lucid trail for what it's worth this might help... I had some trouble with tap-action
- entity: switch.shelly2_5_switch1
name: Entry
type: entity-button
Hey guys I want to combine these 2 Kodi items into one is that possible ```- type: custom:upcoming-media-card
entity: sensor.kodi_recently_added_tv
title: Recently Added Episodes
image_style: fanart
- type: custom:upcoming-media-card
entity: sensor.kodi_recently_added_movies
title: Recently Added Movies
image_style: fanart```
cards:
- entities:
- entity: light.wled
name: Task
- entity: switch.wled_nightlight
name: Night Light
this works for multiple in Lovelace for me
thanks paul
if that helped that's great as I'm always needing help....
@feral rivet a single media-card with a combination of both sources?
yes
you could try putting them into a template sensor and combining their data?
is that you want tv and movies to be sorted together or you just don't want to take up the space for two cards?
Take up the space
HI, can I use a horizontal-stack inside of one row and one column in a layout card?
@sullen stream thanks, but this is an icon on a picture-entity and that one errors out, unfortunately. Is there a known issue with tap-action: toggle? it used to work but honestly I haven't messed with my UI floorplan in sometime, so I don't know what changed or if there is simply a bug. I thought it worked after migrating to HACS version of this, but not sure.
ok so what about calling a service twice?
If anyone gets bored or knows what is wrong, let me know! Here is a sample of the LL config:
- cards:
- elements:
- entity: light.kitchen_lights
style:
left: 35%
top: 27%
tap_action: toggle
- entity: switch.doorbell_chime
show_icon: true
show_name: true
tap_action:
action: toggle
- service: switch.turn_on
- delay: 00:00:02
- service: switch.turn_off
type: entity-button
what's wrong with this????
@feral rivet suggest throwing them in this https://github.com/bramkragten/swipe-card
@lucid trail if must have been a very long time. that is not how actions are defined
@sullen stream @lucid trail check the docs on actions. inside of them you have a dict
@mild veldt that's what it does in the UI when you edit a card on it's own.. it flips everything around
Unless he typed that out himself..
jesus clipboard
Clipboard = evil
this is not valid: https://www.home-assistant.io/lovelace/picture-entity/#tap_action
@sullen stream necessary evil tho lol
Yeah I just donโt know why I canโt get the two service calls to make my doorbell ringing properly
@sullen stream you also can't do multiple service calls
that would have to be in a script
Does my doorbell question make sense to you?
and the action would be call-service
Iโm building Frankโs doorbell and I have it so it rings the doorbell but I have to push the button twice and I would like it so that when I push the button it just goes ding dong
@lucid trail I don't follow what you are implying with the link to the docs?
@sullen stream so create a script that makes those service calls and then call that script from your button
I know itโs coming, but since Iโve never written a script itโs time for the docks right?
then your button will be
entity: script.doorbell_chime
tap_action:
action: call-service
service: script.turn_on
type: entity-button
assuming you name your script that
attempting
Entity not available: script.Ring_that_doorbell
- entity: script.Ring_that_doorbell
show_icon: true
show_name: true
tap_action:
action: call-service
service: script.turn_on
type: entity-button
what did I screw up?
developer tools -> states
is that the name of your script for sure?
@mild veldt thanks - i knew i was missing something and found that at the same time you answered. Appreciate it!
@mild veldt ```type: 'custom:swipe-card'
cards:
- type: upcoming-media-card
entity: sensor.kodi_recently_added_movies
title: Recently Added Movies
image_style: fanart``` can you point out the obvious error that i am failing to see. please
I have a feeling it's the second card type , but how do I get it to show the upcoming media without adding the second card type?
Is there a way to report some mqtt data to a lovelace card ?
I mean, I could manually declare them as sensors but I am using the discovery mode and they don show in states even tho I have some automations on them
Anyway, I did manually declared sensors :/
Also is there a way to templatize cards screation ?
Not asking how, but If doing it through jinja would works
Again, another question. Is there a way to assume that the latest value is still the current one ?
decluttering_templates
idk what you mean with latest value is still the current one but most likely a template sensor in between could help
I have a webCam feed (mjpeg) in a Lovelace I would like to rotate (90deg) but I cannot using the Picture Entity Card - https://imgur.com/l95Ut7U
Hello all good morning
Need some help with hassio , setting it up in my home
I am trying to setup themes.
in my /config/ui-lovelace.yaml - I have added
frontend:
themes: !include_dir_merge_named themes
I have a theme directory
under config
and in themes directory - i have material_dark_green.yaml
not sure why themes are not loading
any help
frontend:
themes:
Goes in your configuration.yaml
Before you split your configuration, see if you can add a theme directly to the configuration.yaml. If you get that working, then you can work on splitting the config.
If you go to your user profile, you donโt see your theme listed in the drop-down
no ๐ฆ
Post what you have using the proper posting method for large code.
okay will do that
my configuration.yaml
Configure a default setup of Home Assistant (frontend, api, etc)
default_config:
frontend:
themes: !include_dir_merge_named themes
can't get exceptions to work with custom header
@undone fulcrum you list frontend twice?
Is it true that using frontend.set_theme has a different result than changing the profile in your user profile? It seems that when I use the frontend.set_theme service, that the left sidebar doesn't change color.
That depends
frontend.set_theme will change where you have used "backend-selected", anywhere you have defined a them will be ignored
Ah, I see! Thanks ๐
looks like a misconfiguration
Yeah, lots of information missing for us to be able to answer that question.
Right ๐
This (https://pastebin.com/QVDrnx2C) is the yaml for one of the buttons.
Then I have this (https://github.com/basnijholt/lovelace-ios-dark-mode-theme) and this (https://github.com/basnijholt/lovelace-ios-light-mode-theme) theme.
I am triggering frontend.set_theme to go between them.
the custom:fold-entity-row works for me, but the header's background is transparent, is that viable as a bug or do I have to fix it myself? https://imgur.com/a/nBsVrqW
head:
label: LAN
type: section
title: LAN
type: 'custom:fold-entity-row'
filter:
include:
- attributes:
scanner: LuciDeviceScanner
domain: device_tracker
state: home
type: 'custom:auto-entities' ```
From the readme:
Add this to an entities card:
The suffix -row in the name is meant to indicate this is not a card.
ah ok ๐ thanks! I guess I'll have to write some css then
Or put it in an entities card
From the readme:
Do you really expect folks to read that? ๐ค
still trying to figure out how the nesting works..
does anyone here use the lovelace animated background card to display a different background based on the weather?
I've been meaning to make a few youtube videos on the subject.
Could have made the first one - how to set up hass in docker for testing stuff - today, except I got man-flu and have no voice whatsoever.
Is there a simple way to disable the "light" card? (i.e. the dedicated card for each lightbulb) and move back to a simple on/off switch grouped under the room card?
^ Just to add to this - I've got lovelace in YAML mode.
Yes @polar kelp - exactly that. ๐
using groups to manage the UI is sooo 2y ago ๐
To be honest I'm not really sure what an "entities card" is or how I would manage that in the main YAML. I've got the UI managed in the "legacy" (I guess?) way of groups of rooms (i.e. group->bedroom->entities->light.bedroom_light) - is there a new way of doing this in a more lovelace native way or do I essentially just need to add a change to the group?
Ah, yeah - that's what I figured was going to be the case!
https://www.home-assistant.io/lovelace/entities/ @amber granite
@amber granite that change was reverted in 0.104.2 for auto mode users of Lovelace
So I guess I need to familiarise myself with the new lovelace way of doing things and then port any setup I create back to YAML mode. Basically I run NixOS and the whole point of the distro is to do everything declaratively. As such I don't really want to move things around in the UI frontend, etc. if I can't then get that back to a config file.
@amber granite Lovelace yaml mode is not equal to yaml configuration.yaml usage
Oh. Now I get it. You're not in yaml mode at all!
old school yaml mode ๐
Had me seriously confused
@polar kelp Sorry, no - basically I've enabled "YAML mode" on Lovelace for the sake of it not allowing me to save config changes. ๐
But I can see why you'd call it that.
Help us help you. To quickly explain your environment please specify V/E/F
- Version - Which version of Home Assistant are you running?
Example: 0.84.3, 0.82.0, 0.85.beta.1 - Enviroment - How are you running Home Assistant?
Example: venv, venv-WSL, docker, hassio, native - Frontend: - Which kind of frontend configuration are you using?
Example: auto, manual, yaml, legacy (not lovelace)
Examples: 0.84.3/venv/yaml
Yeah, sorry - my bad!
Now I'm back to being confused as well...
@amber granite if you goto
(devtools) -> info, at the bottom there, under Lovelace -> mode
What does it say?
@mild veldt Let me clarify: I declare all of my changes in the original configuration.yaml, I have set lovelace to "mode: yaml" but I haven't actually provided it any YAML config of its own at all. The mode set was just to allow me to enforce that frontend changes cannot be made.
@wheat current
error /var/lib/hass/ui-lovelace.yaml not found
mode yaml
As I said - just really abusing that mode to allow me to enforce that no changes get saved.
cool
Anyway, it sounds like @mild veldt has provided the answer to my question anyway - if v0.104.2 reverts to the previous layout for light switches that's me 100% happy. ๐
Basically I just don't like the whole layout of: Here's a card per room - but also a separate card for each lightbulb. I rather like the room-based card layout. It's neat and tidy. ๐
You can always take control and make the look and feel of it exactly as you wish
ok I am back
so back to themes
configuration.yaml
frontend:
themes: !include_dir_merge_named themes
@undone fulcrum To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
themes: !include_dir_merge_named themes
.check @undone fulcrum
@undone fulcrum Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.
and ui-lovelace.yaml
ui-lovelace.yaml
frontend:
themes: !include_dir_merge_named themes
I also have themes directory under config
so not sure where and what do i need to do to get this working ๐ฆ
.check @undone fulcrum
@undone fulcrum Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.
and what is not working?
They are working, I use them all the time
and they seemed to be wrong
Do tell
so what do I need to to make this working.
@split granite I think there is a competition today, trying to get help with the least amount of information given
many, but none of them have a magic crystal ball
nobody can help you if you don't describe what's not working
Themes are not working
yeah, that's not enough
what information do you need @dark dirge
I will happy to give them to you.
๐
what did you do, what did you expect, what didn't happen, what did happen
what did I do
I have configured ui-lovelace.yaml and added below entry
frontend:
themes: !include_dir_merge_named themes
Also configured configuration.yaml and added below entry
frontend:
themes: !include_dir_merge_named themes
I have created themes directory under config "/config/themes" and created
/config/themes/material_dark_green.yaml
I expected to see new themes loaded on overview on my main hassio screen
I hope this is clear
the first one doesn't belong there
so I remove frontend from ui-lovelace.yaml ?