#frontend-archived

1 messages · Page 50 of 1

sonic ether
#

i mean tons of regular stuff like deprecation warnings. Anything in particular i should be looking for

#

this is the crazy part - the chrome process for the HA tab - using two full procs

image.png
stuck spire
sonic ether
#

Okily Dokily - Thanks for the input/time/help!

stuck spire
#

sure, sorry it didn't get you anywhere

errant plover
gleaming moon
#

hello everyone

#

im working on setting up a new install and whenever i try to add something to the dashboard a new issue comes up

#

first it was no config found

#

i fixed that

#

no there is no views in this dashboard and i don't know how to fix that

#

can anyone help please

#

just kidding i just figured it out

#

i just had to "take control"

simple grotto
#

anyone know when "Script: Turn On" doesn't show up when you type "script" in search of 'Add Action'

image.png
sullen badger
#

hi does anyone know why this is happening?
the panel "lights" shows when im editing but when im not editing the "lights" panel disappears

image.png image.png
#

never mind i fixed it (it was in the visability tab)

sonic ether
shut robin
#

hey guys, i was going to update to 2024.8 when it came out but people were saying that it broke something - i think either button-cards or something major like that - does anyone know if this is fixed now or if things are still broken?

errant plover
shut robin
errant plover
#

I use it extensively. No issue for me.

shut robin
#

awesome, i'll look at updating

#

thanks!

covert cipher
#

Is there a way to get the "Browse Media" button from the Spotify card in something else?

In the first screenshot you see the "Browse Media" (Bladeren door Media) button, which let's you browse through Spotify Artists, albums, playists, etc.

However when I want to browse Media from a speaker currently playing Spotify I get a very limited Cast based browser that only gets me this (2nd screenshot). While I would like the same as the 3rd screenshot.

image.png image.png image.png
polar gate
short blade
#

Hi. Where are the dashboard .yaml files stored?
And, can we copy new ones after install so they get loaded as dashboards by the UI?

polar gate
short blade
hollow pumice
#

Hi, can anyone tell me if it's possible to use 'my_color' in the 'color'? If so, how? I've been scratching my head for a while.

type: custom:button-card
variables:
my_entity: light.living_room_lamp
my_color: 0, 255, 0
entity: '[[[ return variables.my_entity; ]]]'
state:
value: 'on'
styles:
icon:
color: rgba([[[ return variables.my_color ]]], 0.5)
value: 'off'
styles:
icon:
color: rgba(255, 0, 0, 0.75)

tribal galleon
#

@hollow pumice Two things to note: you can't template the entity and my_color needs to wrapped in quotes```yaml
type: custom:button-card
variables:
my_entity: light.living_room_lamp
my_color: "0, 255, 0"
entity: '[[[ return variables.my_entity ]]]'
state:

  • value: 'on'
    styles:
    icon:
    - color: '[[[ return rgba(${variables.my_color}, 0.5) ]]]'
  • value: 'off'
    styles:
    icon:
    - color: rgba(255, 0, 0, 0.75)This also works if you want to go this route.yaml
  • color: '[[[ return "rgba(" + variables.my_color + ", 0.5)" ]]]'```EDIT: Changed entity to use my_entity variable.
#

The custom:button-card also defies good practice when it comes to using quotes. The standard is double-quotes around strings (or templates); single quotes used inside. The custom:button-card will change the quotes to single on the outside when you use the UI editor.

#

If you're planning on turning this into a configuration template and that's why you were trying to template the entity, and you go with something like this:yaml type: custom:button-card template: my_awesome_template entity: light.some_other_light_entityThe entity defined here will overwrite any entity defined in the configuration template (if there is one; good practice is to include a default entity IMO) and, therefore, you do not need to define the entity as a variable. (Entity variables do have some other uses but not in this case.)

hollow pumice
#

@tribal galleon Thank you so much for your help! Oddly enough, I am not having issues with the entity portion, only the color. This is the code that I'm copying into my dashboard and trying to understand and fix up. The author recommends adding this to the lovelace ui theme, but I am nervous to mess with that.

https://pastebin.com/JRVvBhSN

#

What you provided did work to an extent, I will figure out the other portions where that code didn't work. I'm guessing that there's something not supported in there.

golden mistBOT
#

@limpid elk I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
limpid elk
#

Can anyone help ?

golden mistBOT
#

@obsidian wind I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
sharp tundra
#

I feel like this should be easy but I can't seem to do it. I want a dashboard view that just loads the frigate proxy (normally found on left side bar). Trying to make it easy to navigate for my wife, and right now all the content she needs is in a dashboard. The new frigate UI is much nicer than what I had as some frigate cards on a dashboard, so want to use that native UI. I tried webpage card but it gives a firefox security error and isn't full screen

sharp tundra
sharp tundra
#

Is there a playlist card that works with musicassistant 2.0? I'm trying to play spotify through music assistant in a dashboard but want to show the playlist detail - I can do this with spotcast/spotify card from HACS but then it wont let me select my sonos devices :/

terse briar
#

HI, I managed to create a select template that shows the states of an input_select and has different icons based on the state. I don't need to switch those states as automations behind will do that, but what I can't figure out is how I set different colors for different states.

tribal galleon
# hollow pumice <@695007435966120058> Thank you so much for your help! Oddly enough, I am not ha...

The code that you linked to is the configuration template for the Room Card from MinimalistUI. That won't go into your theme. Instead, it needs to go into the the beginning of your dashboard's YAML via the Raw Editor. Now, that code does reference variables that will be found in your theme such as: - border: "2px solid var(--card-background-color)"
Also, I updated the code above to use the my_entity variable in the entity section. I think I forgot to swap your entity name for one of mine when I was testing.

timber tapir
#

I tried to get my Spotify-lovelace card working after some time of outage. After digging around it seems like the guy who made it past away. Swedish like me, but 6 years younger than me. Only 49 years old at the time R.I.P. Niklas. I hope someone picks up his job. I think he also did spotcast integration. but that is for now working for me.

tribal galleon
# timber tapir I tried to get my Spotify-lovelace card working after some time of outage. After...

I don't use that card but if you look at the forks, some people have already made some changes. This one looks like it has had the most work done to it but it hasn't been updated in two years. https://github.com/gmcmicken/spotify-card. This one has one modification done 5 months ago: https://github.com/vasyavetrov/spotify-card.
These might be worth checking out to see if they're usable. You can try one by adding it as a custom repository to HACS.
Also, not sure if this is relevant to your issue, but this might be worth reading. Something about some keys have changed: https://community.home-assistant.io/t/spotify-lovelace-card/103525/899?u=d_sellers1

timber tapir
#

Thanks, I will try tomorrow.

golden mistBOT
#

@formal onyx I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
formal onyx
#

See above yaml configuration ^^ Hi guys. I created a tile card on my dashboard to open assist. Am I misunderstanding what "start listening" means because when I enable it for both tap actions, it doesn't start a microphone session right away on my phone (iPhone, latest HA companion app, latest iOS, running 2024.8.3). I tried it with a button card and still had the same issue. It's not the end of the world, it's just bothering me enough to find out if it's my stupidity or time to file a bug report. Didn't find anything confirming it in the docs.

gloomy iris
#

pure coincidence, but I noticed that Map is offered as a move-to target for dashboard cards. I think that is a tiny bug 🙂

manic linden
#

Hi, is there any way to make the circle around the glance-card icon colored? I can't figure out how to do it using card-mod...Thank you very much!

image.png image.png
golden mistBOT
#

@spark spear I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
tribal galleon
manic linden
#

Thank you o lot 🫡

manic linden
#

And one more request - does anyone have experience with moving the title somewhere else on the tab? I'd like to move the thermostat-tab heading down (the top takes up too much space when there are multiple thermostats side by side)...

I managed to do it using this:

card_mod:
  style: |
    .title {
      position: absolute;
      top: 60%;
    }

But scrolling it using the absolute position is probably not quite right, plus maybe on the phone it then shows overlapping some other element...

Thanks!

image.png image.png
tired wedge
#

What is the best practice to crop a card on a dashboard? For example picture card.

narrow iron
#

Hi all, i have a problem, so i created a username, lets call it "Dan" so, dan's username has been created, i can use it to login, and it has admin but i didnt select it, i created another user and it works normally, i cant create the user dan because it already exists, any idea?

narrow iron
#

Please ping when answer

tacit cave
narrow iron
tacit cave
#

if it's an admin, you need to be an admin to remove it

narrow iron
tacit cave
narrow iron
tacit cave
narrow iron
#

but thanks, i was able to find it using my.homeassistantlink and putting users

image.png
#

thabks for help

narrow iron
#

😄

#

Recreated the user, thanks for help!

#

But still weird that users part doesnt show up

#

Btw any way to prevent non admins to see other users location?

vast crane
#

users might be behind Advanced Mode IIRC

gleaming depot
#

So I've got this card-mod snippet:
'card_mod:
style:
hui-generic-entity-row $: |
.state {
color: {% if(states(config.entity)|int(0)>=80) %}green
{% elif(states(config.entity)|int(0)>=60) %}yellowgreen
{% elif(states(config.entity)|int(0)>=40) %}yellow
{% elif(states(config.entity)|int(0)>=20) %}darkorange
{% elif(states(config.entity)|int(0)>=0) %}red
{% else %}inherit
{% endif %}
}'
which works great!
But I want to apply it to every entity in an entitites (or similar) card, without having to copy-paste to every individual entity in the card. God-forbid I wanted to change something after that.

#

Any ideas?

tribal galleon
# gleaming depot Any ideas?

I wonder if you could use the auto-entities card. I think you can set the "top-level" card as the entities card. Then in - options: you could use something like - entity: this.entity_id with the card-mod under that. In the include: you can feed it a list of entities that you want shown.
(This makes more sense in my head than what I've typed here. I can try it out when I get home but I just got to work so it will be a while.)

molten cipher
#

I am so lost with this CSS on this mushroom light card. I just want the slider to go all the way to the end.. and the word to be centered in the slider.

image.png
#

here is my code so far

golden mistBOT
#

@molten cipher I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
molten cipher
#

all i need is the words moved over.. i don't get it lol

tribal galleon
#

Using auto-entities to replicate card_mod

tribal galleon
#

Mushroom light card card_mod

golden mistBOT
#

@golden mirage I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
golden mirage
#

change here

    mushroom-light-brightness-control$:
      mushroom-slider$: |-
        .container {
            position: absolute!important;
            width: 87% !important;
            left: 50px !important;
            top: 10px !important; 
          }```

and ```
    mushroom-state-info$: |-
      span.primary {
          margin-left: 90% !important;
          width: 87% !important;
          z-index: 1 !important;
        }```
golden mirage
dense hornet
#

how complicated is it to merge features from different types of cards? I have features from various minimalist cards as well as a default mushroom card which I want in one and I can't for the life of me figure out how to do it. Would I need to recreate the card from scratch?

woven skiff
#

just wanted to show that I combined the current electricity price with the current electricitiy grid fossil fuel percent, its nice to see how they correlate 🙂

image.png
dense hornet
#

not sure what i'm doing wrong

tribal galleon
# dense hornet how complicated is it to merge features from different types of cards? I have fe...

MinimalistUI cards rely on the custom:button-card. The Minimalist "cards" are templates that custom:button-card uses to render how it looks. custom:button-card and Mushroom card are totally different cards. You can, however, embed other cards into the custom:button-card via custom_fields. (A little bit of card_mod may also be needed to help remove borders and backgrounds.) This isn't the best example, but it shows what I mean. This is a custom:button-card that contains a mushroom-climate-card on the left and another custom:button-card on the right to create a separate button.

image.png
#

With a little bit of work, the custom:button-card can even be made too look like a Mushroom card. Here, a custom:button-card is stylized to look like a Mushroom Light card and uses a custom:my-slider-v2 card for the brightness.

image.png
dense hornet
#

by having the 2 buttons which change to the other parameters when one is selected

tribal galleon
dense hornet
tribal galleon
#

@dense hornet For something relatively simple like this ("stacking" two cards), the stack-in-card would have accomplished the same thing. But, with that example, you can see the concept in action.

dense hornet
#

I feel so dumb for not even considering using a stack with both in one

#

in terms of changing where the brightness/temp/colour buttons that's limited to the mushroom card right?

tribal galleon
# dense hornet in terms of changing where the brightness/temp/colour buttons that's limited to ...

I learned something new earlier in terms on using card_mod to move some elements around within the card (see: https://discord.com/channels/330944238910963714/1280737342164045967), but I'm going to assume they would still be confined within the Mushroom Light card.
I started to write a bunch of stuff on what could be done, but I just started confusing myself. It can be done, but I won't be able to do a good job describing how to do it. I'll have to play with it some more but I have a good idea in mind. Unfortunately, it is way past my bedtime.

#

Though I will say I also just learned that the Mushroom Light card, when it is embedded within the custom:button-card, can use JavaScript and is templatable (even thought the card itself is not templatable and would use Jinja)... mindblown yaml custom_fields: mushroom_slider: card: type: custom:mushroom-light-card entity: '[[[ return entity.entity_id ]]]'

dense hornet
#

thanks for helping out mate much much appreciated!

molten cipher
dense hornet
#

how can i go about aligning this in the middle of the parent button-card div? do i have to make another grid inside the card with a single cell in it?

image.png image.png
velvet bloom
#

Hey wonder if someone can help! These are presence detection icons. They used to show the user profile pic of the user in HA who the icon was for, but since the update, thats gone and i cannot figure a way to get them back?

image.png
#

show Entity PIcture doesnt do it

vast crane
#

What is the entity_id you're using?

velvet bloom
#

this is what that entity looks like

#

i tried adding a new one, but its the same

vast crane
#

Show entity picture should do it

#

is it off or disabled?

velvet bloom
#

oh

#

weird

#

it did this time!

vast crane
#

🤷‍♂️

velvet bloom
#

i tried that before and it didnt work

#

so odd

#

thanks Karwosts

dense hornet
#

really stupid syntax question but how do i convert this to target the entity set further above in the button-card?

background-color: states[variables.ulm_custom_card_esh_room_light_entity].attributes.rgb_color

i tried states[entity] or states['light.bathroom_light'] but neither seem to work

dense hornet
#

I tried using this but it only works as a true value and i can't set an alpha value:
- background-color: rgba(var(--button-card-light-color), 0.2)

#

so it only works as background-color: var(xyz)

uncut badge
#

Hey guys, i have a weird question, this year we saw a lot of good changes to the front end, with the ability to move tiles, resize tiles and stuff like that. but none of the options and updates to lovelace are available on my end, is that something i need to turn on? am i losing my mind? let me know if you have any ideas

vital burrow
uncut badge
waxen oak
#

Morning all! I've been playing with Home Assistant since like 2017 and this last year has been the best / most stable / most usable experience I've had! I'm trying to fine tune a few things so wanted to get this groups throughs: 1). I love love love the autogenerated dashboard (I add and remove stuff including ESP32 a lot!) and have gotten pretty clever about defining rooms so it generates the view I want. However, it's slightly less customizable than I'd like (e.g. cannot hide disabled devices automatically etc.). Is there a good "autogenerate a dashboard" HACS addon that will let me do a tiny bit more overriding for a few things, but mostly generate a good default view?

#

2). I've got a few switches that I don't want to accidentally tap (e.g. my 3d printer power). Is there a good double check switch type? Basically something with the feel of

shopping.png
stray forge
#

Is there a good "autogenerate a dashboard" HACS addon that will let me do a tiny bit more overriding for a few things, but mostly generate a good default view?
Generally what you seem to be looking for is a Custom Strategy (https://developers.home-assistant.io/docs/frontend/custom-ui/custom-strategy/)
I don't think many exist, but there's notable exceptions:

waxen oak
#

This is helpful! Thank you

stray forge
#

Is there a good double check switch type?
No, but there's various ways to achieve a similar effect. For a plain type, Selects do require two clicks/interactions. You can also create a button card with the tap behavior set to More Info, which will come very close to a double check switch imo

waxen oak
#

I wish the autogen lovelace would let you basically define a custom card in a different dashbaord and add a toggle / settings to say "import into autogen based on the defined room tag"

#

Yeah the more info trick is good! But I guess that won't work with the default autogen lovelace thing?

#

It's really fantastic to mess with devices and refresh the default view and have it show up

stray forge
waxen oak
#

Gotcha ... I guess I can switch my dashboard over to 1 custom card per room ... not great though

#

Oh - is the strategy for the default lovelace autogen available / editable? Can I just hack it to customize it for the few changes I want to make?

stray forge
#

doesn't look like it

vast crane
#

Not yet possible, but I think it's being worked on

stray forge
#

The sections view is hardcoded to have 4 (card-)columns per section. you do have control over the (section-)columns per view in the view configuration.
You technically can adjust the number of columns if you can override the --column-count in the hui-grid-section element, but it really doesn't like being smaller than 4. setting it to 6 kind of seems to work, however. Or rather, I don't have a complete enough test to see where it fails, because surely it will fail somewhere 😄

fiery ledge
#

have. set of buttons in a grid (8) followed by a vertical-stack of buttons. on desktop those (grid and stack) have the correct space between them when using sections typ view, but on mobile there is a rather large gap between them

lone sail
#

I don't know anything beyond very basics of adding stuff to the dashboard. I cloned an IR remote control and have the outputs saved as entities that I can switch, I don't seem to be able to have good goolefu for searching how to make it look nice on the dashboard. Is there a direction someone wouldn't mind pointing me towards?

fiery ledge
#

any reason this could be happening? I tried tp experiment with the available theme variables but cant make that gap go away

stray forge
#

what kind of gap?

fiery ledge
#

the gap above the Alerts ticker

stray forge
# lone sail I don't know anything beyond very basics of adding stuff to the dashboard. I cl...

if you can live with something like in sgiratch's recent screenshot, that is probably the easiest. there are other possibilities, like combining layout-cards, and horizontal/vertical stacks. you may be in luck and have a specific HACS integration for your remote. Alternatively, you may have luck creating something using https://www.home-assistant.io/dashboards/picture-elements/ or https://experiencelovelace.github.io/ha-floorplan/docs/examples/, which are very custom solutions.

stray forge
# fiery ledge

do I understand correctly that the mdi:floor-plan/mdi:microphone-message buttons are 2 items in an 8-column grid, on their own?

fiery ledge
#

yes, essentially this:```
type: grid
columns: 8
cards:

  • type: custom:button-card
    template: subview
    icon: mdi:floor-plan
    variables:
    tooltip: Plattegrond
    path: /ui-sub-views/plattegrond
  • type: custom:button-card
    template: subview
    icon: mdi:microphone-message
    variables:
    tooltip: Intercom
    path: /ui-sub-views/intercom```
waxen oak
fiery ledge
#

using those on many views. the sections view type adds something on iOS companion app I can not yet find

#

(it also adds a bit of horizontal space and makes the views a bit narrower, which I also want to prevent, but the gap in the screenshot is more important)

stray forge
#

can confirm at least that it does do something similar on android as well, and it's very specific to the bottom of the grid layout.

#

it looks like you want var(--ha-section-grid-row-height, 56px), of which the default 56px may be set too large for your squares when the column width shrinks too much.

#

setting it to auto should work for you.

fiery ledge
#

o that is nice, hadnt realized auto would do it ( I did try those variables before).

#

let me try and get back

stray forge
#

the exact place it's used is the --row-height in hui-grid-section

#

however, that will break all of your grid items which set a specific number of rows.

fiery ledge
#

for now, I've just added ha-section-grid-row-height: auto and that indeed seems to work!

#

seems a bit odd HA frontend does not do this by design, and we need to manually fix that

stray forge
#

it's to keep alignment between sections, I'm pretty sure. also, generic/variable height html elements in general respond a little nicer if you provide a specific target height in the parent.

fiery ledge
#

using this ```
ha-view-sections-row-gap: 4px #default 8px
ha-view-sections-column-gap: 8px #default 32px

ha-section-grid-row-gap: 8px #default

ha-section-grid-column-gap: 0px
ha-section-grid-row-height: auto``` and see no real issues yet, so can broaden the experiment 😉 taking out the layout-card.
stray forge
#

turning it to auto means that rows automatically adjust their height, which is exactly what you want in your case trying to vertically stack, but there's plenty layouts where that doesn't do what you want. e.g., creating buttons without a name/set height makes them the row really tiny:

image.png
fiery ledge
#

I see yes, that makes sense... fwiw, I took out the other variables for now, only left the auto on row-height. I am not using Sections really yet, so can only comment on my experimental views and they all seem fine still.

#

maybe we can set that row-height using card-mod so I dont have to use it globally in the theme, and prevent the issue you warn for

#

dont think I saw that being done though

stray forge
#

as long as you know what you're doing, this shouldn't be a foot-gun. rows and columns still work as they should, it's just that the row heights always auto-adjust. You know what you're doing and what's causing that, so you should have plenty of tools to fix it even if it does turn on you.

#

I don't think card-mod can help, as this styling needs to apply way above (or below) the ha-cards you have access to

fiery ledge
#

the best solution for me would be a masonry view with option for 1 column....

#

no mods, no theme, just a single column

stray forge
#

I think this does that? makes the editing really awkward, however.

type: custom:grid-layout
layout:
  grid-template-columns: 1fr
  grid-template-rows: auto
fiery ledge
#

well, I use type: custom:vertical-layout for now

#

but that is the same layout-card

stray forge
#

yeah, same thing I suspect

#

if you ever do end up shooting yourself in the foot here, it seems what you really want is to set grid-auto-rows: auto on hui-grid-section .container, so that you don't interfere with components which set their own height using calculations based on --row-height but still remove the lower limit of 56px on the grid row height.

#

i.e. that makes it only apply to items which don't set a variation of

layout_options:
  grid_rows: 1
lone sail
#

I have a remote set up, but I am looking for a good icon for "Source" as in media source, IE HDMI 1, 2, 3, usb, vga, etc.
My code:

        entity: button.esperiment_source
        name: Source
        icon: mdi:source
        show_state: false```
#

Maybe hdmi-port is best.

stray forge
#

mdi:monitor-arrow-down-variant is not quite what you're looking for but it's somewhat close to the original idea.. I suppose mdi:remote-desktop might also convey the correct message if you're not too familiar with its icon.

#

oh wait, mdi:import is basically exact

lone sail
#

Hmm, I think you are correct, but I think I may leave it as hdmi-port, possibly falsely due to recognizability for the family.

#

Thank you though!

fierce vale
#

Hi everybody, may I ask anybody for a double-check? have I found a bug? I am not able to create a section nor a card that can be made visible based on a condition on a group. On single entities, I can, but on any group I cannot. On the graphical UI drop-down for the group, it only shows the states "not available" and "unknown" (whilst for normal entities, in my case window sensors, it shows also on and off, i.e. open and closed). But weird as it is, it even states "State (actually: On)" or "... actually: Off)" in the UI, so shows the actual values, it should work on. Is that a bug?

vast crane
#

You're not limited to pick one of the options in the dropdown

#

Dropdown will only be populated if HA knows what type of states that entity might be. For a group maybe it doesn't know the possible states.

fierce vale
#

but I know it. And if I put it in manually (anyway if I try "on", "off", local language (I use non-english), "open", "close", whatever I try it does not work

vast crane
#

what's the generated YAML look like? "on" or "off" should be correct.

#

if that is the state of the group

fierce vale
#

let me quickly try again

#

Ah, i must be lowercase "on" or "off". Got it

#

thanks!

tribal galleon
waxen oak
vast crane
#

Even stock button card can add confirmation dialog on button press.

waxen oak
#

Got another one for you folks. I'm using pirate weather, and I want to do what I think is a pretty common thing. Use mini-graph-card to show the temperature today so far, and in a different color, the forecast for the next few hours.

#

It looks like I need to either create a sensor for +1 hr, +2 hr, +3 hr from pirate weather, or do some kind of service call. Has anybody seem someone do this in a simple way that works for graphing the expected forecast (either alongside or seperately from the current weather history?)

waxen oak
vast crane
waxen oak
tribal galleon
#

@vast crane off-topic: am I confused here? When did call-service change to perform-action?

vast crane
#

recently, maybe 2024.8

#

it's just a language change, backwards compatible

tribal galleon
#

I remember seeing that now and meant to go back and read it. Any plans to remove old language?

vast crane
#

like to break old yaml? doubt it

#

we're still supporting legacy template syntax from many years ago

waxen oak
#

Ok just tried the individual sensors 1h, 2h, 3h ... doesn't work in a chart (kinda obvious in retrospect)

#

What's the right way to pull a weather forecast into a timeseries that can be charted?

tribal galleon
#

Legacy support is nice. Lots of stuff that could break even with a long transition period.

vast crane
#

unless I'm missing it mini graph seems to just plot history, not arbitrary datasets

#

I guess what you'd maybe need to do is with a trigger template, call the get_forecasts service, then write a template to iterate over the returned forecast points and push the data you want into an array of objects in a sensor attribute. Then pass that attribute to a data generator function in apexcharts.

slow drum
#

Hi, I'm looking to make custom charts that respond to the energy date picker - like Sankey Chart Card. Anything like that around? If not, anyone keen to work on something like that? I'd be prepared to help, but I;m a bit noob in this kind of software.

vast crane
slow drum
waxen oak
vast crane
#

might be easier to just find a custom card that displays the forecast in a way that you like?

#

all HA plots are geared around just plotting sensor history

waxen oak
#

I looked a bit... will look more! Hope it exists. Feels like something many people will have thought of

slow drum
vast crane
#

yeah sometimes things take a while, or get abandoned

vivid root
#

What is the difference between react 18.3 and react 16.

#

Hi, it's @vivid root

dark dirge
#

is your question related to Home Assistant?

vivid root
#

Yeah, kind of that.

wheat current
#

2.3 is the difference

vivid root
#

what about react 20?

wheat current
#

That would be 4

vivid root
#

Did you have a meal?

wheat current
#

Today, no

vivid root
#

I see, you seem to be a senior developer..

wheat current
#

They don't eat? 🤔

vivid root
#

exactly. U r one of them.

#

🥸

barren wing
#

Hi, professors.

#

Nice to meet all of you.

#

I am new to this server.

#

And of course I am a full stack developer.

#

I hope to work with you.

barren wing
#

HOw do you think?

fiery ledge
barren wing
#

ok

#

right

#

alright

vivid root
#

Welcome!

azure canopy
vital burrow
#

BANANA! 🍌

fiery ledge
#

trying to find a way to get my cameras using the full view screen estate as I did with```type: custom:grid-layout #panel
layout:
margin: 0px

#

somehow I can not force the section to take the full screen width, not even with the new option column_span: 4. Or, rephrase, get the contained grid card use that space. the cards in the grid remain small.

#

setting - cards: - type: grid layout_options: grid_columns: full to the individual grid has no effect either

upper dew
#

Does anybody know how to make a horizontal stack have 2 cards - one that takes 70% of space and the other taking the remaining 30% of the space?

tacit cave
vague blaze
#

TIL that @vital burrow is really a minion.

gilded juniper
#

@half osprey
node-vibrant - I am trying to use the extract_colors.ts module to extract the foreground / background colors that will be used in my custom card based on a background image. The extract_colors.ts uses the node-vibrant npm package to do this. I have copied the extract_colors.ts file (and all related .ts modules) to my project, but I cannot get it to work. A TypeError: Failed to resolve module specifier "http". Relative references must start with either "/", "./", or "../". message is always generated when I try to display my card. The extract_colors.ts files mentions a We import the minified bundle because the unminified bundle has some quirks that break wds. See #7784 for unminified version., that indicates something special was done in the node_modules directory to import a minified version. I also see a src/types/node-vibrant.d.ts module that (I think) needs to get placed somewhere under the node_modules folder maybe? I'm fairly new to TypeScript and HA custom card development, so not sure what I need to do to get this going. Any ideas? I appreciate the help.

UPDATE - tagged @half osprey on this - it looks like you made the changes to use the vibrant.min.js. I'm fairly new to TypeScript - is there a trick to implementing the node-vibrant for use by the extract_colors.ts module? Do I need to place the src/types/node-vibrant.d.ts file somewhere special? or maybe import that type from somewhere in my custom card?

UPDATE - tagging @raw brook - thought I would include you, as you had a post on this forum regarding node-variant. Is there a trick to include the minified version of this package? I am using the non-minified package and keep getting a TypeError: this.opts.ImageClass is not a constructor exception.

winged carbon
#

I use the webrtc- card to display my tapo cam in the dashboard. Is there a way for me to get this "wide" in sections? type: custom:webrtc-camera entity: camera.inngangsparti_hd_stream

unique basin
#

I'm kind new to home assistant and find it 'difficult' to create something quite easy.
With easy i mean simple.. I try to recreate the niko home dashboard in terms of simplicity.
Right now i'm struggling with the layout or responsiveness from the buttons.
The new sections only has a 4 column option so setting the blocks to 1 doesn't cut it. Would it be possible to have justified items or something?

#

I'm looking to create a page 'control' that contains all the rooms. That once clicked open up with there corresponding items

Screenshot_20240905_173305_Home_Assistant.jpg Screenshot_20240905_173314.jpg
vast crane
#

I think a customizable column option will come in the future, so you could make it 3 columns.

unique basin
#

Thanks for the info. Are there also options to open a room in a popup rather then a whole new page?

vast crane
#

with custom resources I think so, stock HA no

polar gate
surreal imp
#

Hello all.
New to Home assistant. Not sure where to get started with front end work. I'm working on data visualization for an ESP32 with a binary motion sensor over the crib for my baby.

What I am trying to track is:

  • time spent sleeping (no motion),
  • restless movements (motion for less than 1 minute), and
  • time spend awake (motion for greater than 1 minute).

It would be nice to see these as trends over the last month and a summary of the previous night.

All I have been able to figure out how to build so far is just a history graph of on and off for the last 24 hours. The day time hours are irrelevant since this baby will not nap lol.

Could someone point me in the right direction on how I can learn to customize how this sensor data is displayed?

sacred prism
#

Hello. I'm playing with creating dashboards. Is it possible to create card with badges inside? I have set of lights which I turn on/off not separately but with like five scenes, yet I'd want indicators which ones are on. Adding them as entities makes card cluttered.

golden mistBOT
#

@spark spear I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
#

@spark spear I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
#

@spark spear I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
spark spear
#

how do i get the actual type of waste displayed in the label part of the guys code

winged carbon
vivid root
#

it's complicated.

lethal beacon
#

Can anyone suggest how to do a sorted bar chart card, similar to the individual device consumption in the energy dashboard?

#

I want to show a list of energy using devices, sorted by value

signal bloom
#

gents, I am reading some forum posts about person cards, that shows the proxminity, battery level, etc. but they are all based on button-custom cards. Do anybody here know if there is now a modern, fully featured and configurable card that could be used in sections mode ?

pliant obsidian
#

Is there a way to rename automation categories? I fail to find that in the UI :/

vital burrow
pliant obsidian
hidden needle
#

I'm using the timer-bar-card which doesn't have UI to set up. Can I use the new sections layout options via yaml? Atm it seems to be using full width by default and I'd like it to use the standard 2 columns, not 4.

Edit: sorted myself. Yes it works.

kindred vortex
#

I have a problem with picture-element - When configuring where the bulbs should be, they will not be in that position when saving?
What can I do? Just keep editing until it saves to correct position?

image.png image.png
dense hornet
#

do button-cards not distribute from center in horizontal stacks?

image.png
#

I want to get them centered and then pad on the outside of the buttons similar to this (but horizontally ofc)

signal bloom
#

is there a knopwn card to dsiplay the content of ha todo list on a dashboard ?

vast crane
signal bloom
#

yeah I've seen that, I'm seeking for something a little more subtle, actually

#

I'd like to have a way to only display the, lets say, 5 last items

#

idea is to display my groceries list on the overview page, and when I click on it, see the whole list

#

I'm really close to get rid of amazon echoes around the house, and aside all the nice home automation things I now can do using HA voice assistant, I also need to implement a nice way to display tyhe groceries list we use to generate by telling alexa to add this or that to the groceries list

haughty vine
#

Is there a way to make cards span rows/columns contained inside standard grid card?
It was possible with card_mod before, but it looks like now there is a <hui-card> wrapper element in the way..

burnt cave
#

Hey! Loving the full width sections but I can' figure out how to get actual cards in full width. For instance I have an aphex chart which only covers half the full width section. The same applies for an energy card I have. Do I need to configure the cards via card_mod or what am I missing please?

vast crane
#

IDK what Apex supports but core cards should work for that.

burnt cave
#

@vast crane : thanks will give it a go!

vernal abyss
#

Hi there,
I am currently building a new tablet dashboard and I added some automation stuff that notifies me when the letter box was opened.
Aftr a bit of trial and error I could get it to work but the button i need to click in order to reset the automation is massive. I am too stupid to make it smaller.
For my clock on the right I used a transparent png with a fixed size as a base but I don't want to do that for every card.
Also, since it's a conditional card it only appears when the letter box was opened, so I don't need that blue switch thingy next to the "Neuer Brief im Briefkasten" text. Can I somehow remove that from, showing in the card?

type: conditional
conditions:
  - entity: input_boolean.briefkasten_geprueft
    state: 'on'
card:
  type: vertical-stack
  cards:
    - type: entities
      entities:
        - entity: input_boolean.briefkasten_geprueft
          name: Neuer Brief im Briefkasten
    - type: button
      entity: input_boolean.briefkasten_geprueft
      name: Briefkasten geleert
      icon: mdi:mailbox
      tap_action:
        action: call-service
        service: input_boolean.turn_off
        service_data:
          entity_id: input_boolean.briefkasten_geprueft

edit: oopsie, forgot to attach the yaml

image.png
#

basically, I want the button to look like this mushroom default room selector. Icon on the left and the text on the right, but same site as the letter box notification

image.png
old loom
#

I have a map with two zones that I added a long time ago, and they show up on the map. Today, I added a few more zones, but the map does not update to show the new zones unless I manually add the zone.<name> entity to the YAML. How can I configure the map to automatically display all zones?

#

Worth to add that i am using the default map card from when HA was installed

vast crane
#

I believe only the default map panel will show all zones (and locatable entitities) by default.

#

Once you customize it you have to manage the entitites manually. (or else restore back to the default map strategy)

#

Or maybe you could do something with auto-entities custom card but I'm not as familiar with that.

old loom
#

so its not possible to do something like:
foreach(z in zones)
{
- entity: zone.z
}

vast crane
#

no you can't write arbitrary pseudocode in a frontend card

#

with custom cards maybe

#

Again I think auto-entities may be a good candidate here if you're open to custom things.

old loom
#

Okay thanks

polar gate
kindred vortex
old loom
#

Okay so now i am using auto-entities to filter by domain, but nothing shows up on the map.
Any idea what could be wrong?

image.png
vast crane
#

I'm not sure I recognize what type: panel is

#

oh nvm ok that's the entire view

dark dirge
#

It's a single card view

old loom
#

I could use the default map configuration, but my "persons" does not show up there

vast crane
#

maybe you have to remove entities: from card: ?

#

Try bumping that up to the higher level:

type: custom:auto-entities
card:
  type: map
  ...
entities:
  - person...
filter:
old loom
#

That was it, thank you!

winter blade
#

Maybe I'm blind, but where did the users tab go in settings?

#

It used to be in settings -> persons and there was a tab with users

vast crane
#

Try enabling Advanced Mode
@winter blade

fiery ledge
#

using auto-entities in a sections view, leaves a gap when the (entities) card is empty (even when the show_empty: false is set. Is there a generic solution/trick for this, or is the auto-entities card simply not yet fully compatible

#

the exact same cards configuration in a type: custom:vertical-layout has no gap. so it might be a section thing after all? (using yaml mode btw)

#

example to test:```

  • type: custom:auto-entities
    card:
    type: entities
    show_empty: false
    filter:
    include:
    - entity_id: media_player.plex_*
    state: /playing|paused|'on'/
mossy timber
#

Q1: To make them show up on a map card, what requirements must an entity meet?

#

Q2: Is it possible to create a weblink of sorts, where the url is defined by a template (either in-line or pulled from a template sensor)?

fiery ledge
warped juniper
#

Any ideas on how to get this to work? I want to have it filter based on the input_select helper that would contain the room name (i.e. “Kitchen”)

card:
  type: entities
filter:
  include:
    - area: '{{ states.input_select.room_selection.state }}'
  exclude: []```
thorn granite
#

I have a standard grid card with a set of button-card buttons which have no border or background. I would like to colour the grid background to the standard button colour and set a border for the whole card, but I can not seem to find the correct css id to control the whole grid as the normal ha-card does not work. Can anyone point me in the right direction. Thanks

thorn granite
#

I managed to work around my problem above, by using the custom:stack-in-card.

scenic current
#

Looking for some advice. I would like to have a horizontal row using layout card. The entities for this row would be using custom button cards created using custom button card templates. Each custom button would display and icon and would have an associated action. The buttons to display would be pulled from a sensor attribute with a list that contains the button templates to display.

Sounds easy right?

rocky yoke
#

Hi everyone I just wanted to share . https://cloudpilot-emu.github.io/ as a web page dashboard. It turns a dashboard into a cloud pilot pda . I put this website (https://cloudpilot-emu.github.io/app/#/tab/sessions) into a webpage dashboard , downloaded a pda rom file I chose tungsten w rom. And boom I got a touch screen pda . Now the issue is it's running on my phones browser cache instead of the home assistant webpage cache. I assume this is because I used the HA app to do this . When I open on another phone running my HA app the webpage dash is there but it says start new session and doesn't seem to save from 1 device to another device. Do I really have to embed this with a Java applet or is there a work around for this?

#

Last picture is home assistant app on another phone.

rocky yoke
#

My question is how do I use home assistants webpage cache so it saves from device to device? Or . How do I local install it as a Java applet in my home assistant ?

#

Currently I have the embedded files stored in my /local/www folder .

scenic current
ivory summit
#

can the map zoom be somewhow set to cover all existing history points?

rocky yoke
#

I guess not . It's fine at the moment I'm using Google generative integration to help me build the code . So far I got a html page listing the emulator and sensor values. Next we created a Java script file to pull that info. Now we created code for a websocket api . I was hoping to just set home assistant app to use home assistant webcache.

#

Dinki I use rows and columns on the entities card. Can you use the yaml for rows and columns and just make the buttons on 1 card ?

vast crane
rocky yoke
#

says bottom of page he uses gmplot code to center and adjust zoom.

#

Autofit and fit zones sounds like what your saying.

#

The default_zoom value will be ignored if it is set higher than the current zoom level after fitting all visible entity markers in the map window. In other words, this can only be used to zoom the map out by default.

#

Also found default_zoom

#

Never changed my map but I assume if I took control of my map dashboard I could change these values in my yaml view. Also it may erase your map I've had dashboards erase when I take control. So maybe create new dashboard click map hopefully it shows your map and you can click yaml view at the bottom and see values to be adjusted such as default_zoom and you can set it further out than 14.

devout socket
#

Has anyone else had trouble resizing apex charts card in sections view?

fair oar
#

hey anyone can help me pls i cant add 2 entity on same line
i dont have the little + to add more

image.png image.png
#

i have it before but i accidently delete it and now i cant add it anymore

#

using Mushroom Cards

west grotto
#

Hey yall, quick question, does anyone have a or know of a earth globe card for realtime data?

lost pebble
#

Hi, good morning! I'm hoping someone can help me fix the following yaml. I want the icon to flash when it turns red. I have tried inserting the animation where I have commented it out, and neither works. Any idea how I can get it to work? Here's the YAML: https://dpaste.org/BO1At

fast steeple
#

Hi all, wondering if I'm doing something wrong with bubble cards integration. On my main dashboard i have 23 cards, 21 of which are the pop-ups for the other 2. My dashboard has 12 rooms and, for example, i have 12 pop-up cards and the content. Is this the way to do it? Asking also because my home assistant is running VARYYYYYY sloWWWW. lol

my HA was running sluggish before i switched to the pop-up rooms. I originally had 12 tabs at the top for 12 rooms. So I turned those into popups as well as info pages like all house lights, sensors, peoples state/map, and so on. So totaling 21 popups now vs 21 tabs. Which on a phone, sorta does the same thing but I now have that close X on the right side and a cleaner look.

tender wedge
#

How do I make the 'Attributes' section auto-expand when clicking on a entity popup? Currently, it's collapsed by default

rocky yoke
#

I configured a webpage dashboard to an online emulators embed my game. Now I have a dashboard to play monthly games. I picked retrogames .cc . Has save, load, button config, supports my Xbox s usb controller and touchscreen. Now i pick a new game per week embed the new website embed address .Just wanted to tell someone thanks.

dim crown
#

Hello everyone, I just joined the HA server here on discord. Inevitably, I have to come up with a newbie question. 😄
I'd like to make my dashboard (Stefan's Dashboard) the default view in the HA frontend GUI. That's easy enough to do, but it makes the Overview disappear from the sidebar. Is there any way to still access Overview, or would I have to change the default view each time I want to get to Overview?

vast crane
#

Dashboards -> Add Dashboard -> Default Dashboard

fast steeple
dim crown
#

You can always make a new dashboard

fast steeple
#

you can have as many dashboards as you like and as many on the side bar as you like, but take my advice, i clearly have issues of my own, so i cauion anyone to take my advice lol, Aside from this

pearl iron
fast steeple
final atlas
#

My internet is down as we have a forest wild fire and had to evacuate. I have internet on my cell data. Anyway the HA app won't connect. Getting this error. See graphic. I can connect with the browser no problem.

image0.jpg
grave karma
#

Hi all, I need to implement a mockup developed with figma.
I have this ON/OFF Switch
Do you can help me to draw it?

856719f426639d69dbd39e667b99f443ed2fc28f.png
lost pebble
# final atlas My internet is down as we have a forest wild fire and had to evacuate. I have in...

It has to do with your cell being a different network, and the app is probably pointed either to NabuCasa url or another 3rd party DDNS for external access, and it's also probably pointing to your usual internal IP address you gave Hass when setting it up on your home network. Your cell would be giving it a different IP address. So if you're using a browser on your phone, and typing in http://homeassistant.local:8123 then yes, you would be able to reach it. It's on the same network (your cellular network).

azure canopy
#

why not create a PR to fix the first one, instead of creating an issue and describe how it should be fixed there?

tacit cave
#

so sign it?

#

it takes 2 seconds to register your github account and use it to manage the PR

#

that's all it's asking for

alpine dagger
#

Is there a nice 'light-weight' add on for style of Home Assistant on Pi4?
I'm looking for something that is nice to view on mobile mostly but obviously via a browser would be nice too on a laptop/desktop

#

Is Lovelace still most user friendly UI?

tacit cave
#

Technically lovelace no longer exists

#

now it's just Dashboards

#

there are separate addons like the custom ha-fusion addon that presents a different style UI

alpine dagger
#

😮

thorn granite
#

In 2024.9 I find I am unable to view/change the settings for an input_boolean defined in helpers via the front end. Is anyone else having the same problem?

Creating a new one shows the settings correctly, but editing it does not show anything.

vast crane
#

What settings do you mean?

vague blaze
alpine dagger
#

What do people use to create nice cards then for best UE?

vague blaze
thorn granite
#

I have been using the new sections layout.

#

The main panel also uses pop-up card extensively to add additional popup windows. So for example there is a pop-up sonos card for each media player. If a user is in a room extra buttons appear for that room such as the TV control popup in the picture.

vestal pulsar
#

Anyone know what's causing this to popup in the log?

Uncaught error from Chrome 128.0.0.0 on Windows 10 TypeError: Cannot read properties of undefined (reading '_leaflet_pos') _leaflet_pos (src/dom/DomUtil.js:247:11) getPosition (src/map/Map.js:1488:9) _getMapPanePos (src/map/Map.js:1505:66) _getNewPixelOrigin (src/map/Map.js:1224:27) _move (src/map/Map.js:1726:7)
tacit cave
#

have you cleared your cache on your win 10 machine?

#

9 times out of 10, clearing cache solves frontend errors that appear in the logs. The other 1/10 times, it's a custom card causing the issue

somber pagoda
#

Hi all,

Ive created a template which returns the entities from my truenas system about particulair apps which are not on. Now, id like to create a tile card ( or something similair ) which use that template. The point is: the way it is getting used by the tile card is not nice. Is there any way to optimize it? The most optimal would be that every entity gets underneath the other one. ( im not sure if thats possible with a tile card, but any card such thing would be possible is OK ). I was thinking about creating a forloop with the template, but what do the experts think? 🙂

image.png
thorn granite
#

Do you have HACS, using Auto-entities with an entities or some other card is an easy way to do this.

somber pagoda
thorn granite
somber pagoda
#

Going to have a look right now! Many thanks! 🙂

alpine dagger
#

Thanks for the references, mushroom cards seem nice

#

I'm not even sure what I want 😄 just something easy to use on mobile

somber pagoda
vestal pulsar
tacit cave
vestal pulsar
#

A smart options management system would handle that. What else was cleared/reset by cache clear?

tacit cave
#

the entire frontend is a browser

#

if you're so good at coding, why don't you make it work in the backend then

#

I have no patience for your backhanded comments today

vestal pulsar
#

I'm not a web system coder but I DO know that HA has a server based store for most .data

#

What was back handed? Anf What else weas reset by the cache clear

tacit cave
#

It's purposely in cache for the reason listed above

#

saying "A smart ... " implies the current system is not smart. And you do these type of comments often enough to be annoying

vestal pulsar
#

It isn't smart if it silently deletes user settings. If I'm sorry if facts annoy you

tacit cave
#

It doesn’t silently delete settings

golden spindle
#

How is it silent if you delete the browser data

tacit cave
#

It doesn’t even delete settings when you do that.

#

If you set up your system correctly, your theme will load after a cache clear

vestal pulsar
#

Ahh themes config setup. Why isn't that enabled by default?

grave karma
vague blaze
vestal pulsar
#

Sure it does. It makes the assumption to use the light theme

tacit cave
#

that's the default theme, it's not an assumption

golden spindle
#

Why do you think your usecase should be default instead of another?

tacit cave
#

Shhh get out of here with your logic

tacit birch
#

What is the best practise for templating an icon? I have a binary sensor from an ESPHome thing, that I want to turn into an entity card that contains only the icon, which should change based on state. Options seems to be:

  • Leave the sensor as it is, and use CSS overrides to change the icon based on state. I don't love this, as it often lags.
  • Create a template helper with an icon_template, but this cannot be associated with the ESPHome device, which I don't love (helpers created in the frontend can be associated, but have no icon_template, and backend template sensors are vice-versa).
  • Something else?
    What is the best way of doing this?
tacit cave
#

if it's a binary sensor, can't you make use of the device_classes?

tacit birch
#

Unless I've misunderstood, that will give me icons based on the device_class, but won't let me customise them

tacit cave
#

so your icons don't fall under any of the ~50 or so device classes?

tacit birch
#

It's motion detection for my cat's litterbox, so to be honest, I want a poo emoji while occupied, and a toilet emoji while not occupied...

tacit cave
#

ah ok

#

template sensor wrapped around your esphome sensor

#

with an icon_template

#

YAML only

#

otherewise, deal with CSS

tacit birch
#

Cool, thank you, and there's no way of associating it with the device?

tacit cave
#

You can if you use the UI... but then you can't use an icon template 🎉

tacit birch
#

Haha, fair enough, thanks

quiet magnet
#

New to HA this week 😄
Alarm panel card populated via mqtt discovery - I would like to change the Arm Home / Away labels on the boxes.
Can it be done? Or do I need to create a manual alarm/other type?
Thanks for any pointers!

mystic lava
#

Hey, im stuck at the help us help you page

#

It always says unknown command or it says connection lost

#

Does anyone know why this happens?

tight dust
#

any way to determine why a hacs custom card wont show in my card selection list? (flex horseshoe and better sliders)

#

or a way to troubleshoot

dark dirge
#

do the docs say that they should?

tight dust
#

Yes

dark dirge
#

Then clear your browser cache

#

Perhaps I missed it..,

tight dust
#

I got it now - user error

vast crane
#

This one will not be in the list because it does not push itself to window.customCards

final atlas
#

Thank you. Internet came back on finally. Now everything works. And yes I use NabuCasa when I away.

tropic sentinel
#

I'm currently working with the new dashboard sections layout. Under each card, I can choose the layout for grid_columns: and grid_rows. Does anyone know what the default width and height for each grid_column: and grid_row is?

vital burrow
#

It depends on the card. You can revert to the default value with the circled arrow symbol. It only shows, if a non-default value is set.

tropic sentinel
#

It seems like the height has some fixed intervals that it selects when I choose multiple rows under the layout.

image.png
vital burrow
#

Oh, you mean the height of the rows itself.

tropic sentinel
#

yir ;D

#

I can't find any information on that

vital burrow
#

I don't know the exact value, just that it has been reduced recently.

frozen olive
#

Does the new sections size work like i think it does? My sections config has 6 max columns. I've got 2 sections, one that is 4 coluimns and one that is 2 columns, but they wont fit side by side??

tacit cave
#

put them in a horizontal stack with mode: panel on the view

#

but keep in mind, they won't automatically move around when you switch to mobile.

frozen olive
#

🤔 doesn't that defeat the point of sections. 4+2 = 6

#

actually, i cant seem to do x+x lol

#

seems its actually restricted to 4 not 6

tacit cave
#

what do you mean "Defeat the point"

#

the point of sections is to have a UI that you can drag and drop UI elements around

#

sections itself has limitations, i.e. how many columns it can contain

frozen olive
#

Well, if the view lets me configure 6 columns. like so

image.png
#

and a section lets me control the width, up to that limit of max columns

image.png
tacit cave
#

right, that's the max number it will have when you place them all into a single section

#

that doesn't mean it will give you 6 sections when it can't fit all the elements

frozen olive
#

then why does this only work when its 1, 2 and 1

image.png
tacit cave
#

that's only 3 sections

frozen olive
#

thats 4, if i try and set them to 4 and 2 widths, it forces this

image.png
tacit cave
#

because it can't fit them

frozen olive
#

that makes no sense?

tacit cave
#

add your UI elements

#

it's guessing right now

#

see that little edit button? You can also modify the content widths

#

you haven't done any of that

#

you're just adding willy nilly

frozen olive
#

ok, I was coming that this from like a css grid perspective. So i set the max columns, and then each section would be like a column span basically

#

but now adding them, i see thas not quite how it works

quick shadow
#

Hi
I've installed a monitoring tool named Uptime-Kuma on a server at home. I also Installed the HACS plugin for Uptime-Kuma.
The plugin gives me sensor for every service that I monitor thats either up or down.
To visualize this in HA I thought I use History Graph card, that olso show me for how long the service has been down. It's realy nice actualy.
But I would like to change of the history grapg bar. Now it's Purple when the service is UP and Turquoise when the service is DOWN

image.png
frozen olive
#

was trying to figure out how piitaya laid this out basically

GW3aLKEWUAAFM65.png
quick shadow
#

Anyone who knows a way to change the color of the Histor Graph Bar

tacit cave
frozen olive
#

yeah i see that now

tight dust
#

is here a good place I can ask a yaml (apexchart) question?

#

mostly custom template issue

vague blaze
limber bough
#

anyone got any tips to get this entity/card to have a transparent background? used to, but it looks like it changed at some point

image.png
scenic current
#

Is there any way to get this full error? Is it available in dev console somehow? This is custom button card

image.png
crude lotus
#

Is it possible to create a item(view) in the topbar that is pointing to a "add-on"(fx. Calendar/Energy dashboard/etc)?

rocky hinge
#

on my frontend on a android tablet, i have black empty space on the left and right side, how do i remove or minimize the black space?

drifting horizon
#

Is there a guide or anything I can reference on how to toss in CSS for specific card types into themes.yaml?

gloomy iris
#

Sorry if I overlooked it, but was it not possible to add the cards shown on the Energydashboard also to other dashboards? Or is that only possible using community cards?

vast crane
gloomy iris
gloomy iris
gloomy iris
#

Might you be adding the Layout options of the new Sections view? I know the cards otherwise have no configs, but maybe nice for placing them in the sections 🙂

lilac carbon
#

Is there a built-in way to do a horizontal divider on dashboards? I searched the forums and here but all the old answers I could find that people said fixed it for them are from like 4+ years ago and no longer available, at least by default, when editing dashboards/creating cards.

vast crane
#

nothing really built in

lilac carbon
#

Seems like there maybe used to be a divider entity and it's no longer around? Which seems less than ideal if there wasn't a replacement.

#

Dang, alright thanks.

vast crane
#

there's a divider row for entities card, maybe that's what you're remembering

#

divider entity makes no sense

lilac carbon
#

Ah, that might have been it -- I couldn't find that in the entities card and yeah agreed it as an entity doesn't make sense people were just using imprecise terms around it so I wasn't clear what was going on.

vast crane
#

you probably have to add it in yaml

lilac carbon
#

I tried putting it in the yaml but wasn't able to get it working, I'm probably just missing something if it should still be functional, I'll poke at it more.

vast crane
#

it's only for within an entities card, if that's what you're trying to do

lilac carbon
#

I can work with that if I can get it to show up in the entities card, I just haven't even been able to get to that point. I'll try doing yaml editing again and come back with it whether it works or not

#

Ohhhhhh it was working, it's just that on default colors the divider itself is hard to distinguish from the background and looks like it's not populating anything

vast crane
#

Yeah it's subtle.

#

you can style it:

  - type: divider
    style: 
      height: 10px
lilac carbon
#

Well, I can work with styling it from that, thanks for pointing me back at it 😄

#

Yup exactly, I just thought it was going "sure here's your entity" and then giving me an empty card lol

#

Just needed better eyes

#

Playing with the styling a bit, unless I want to start messing with themes more than I am atm doing either an actual title or using text to just do a bunch of repeat -s or something as a makeshift divider is probably a better fit. Thanks again for helping me get it working though.

crimson obsidian
#

I noticed that the zoom buttons for the map card are on the left side. That's an unideal placement for me as a right handed person.
I considered registering an issue on the Github repo, but saw the recommendation to ask in this discord if I'm unsure where to register the issue.
And tbh. I'm not sure if that is something that merits an issue.

Does anyone have thoughts on the matter?

vast crane
covert cipher
#

Someone familiar with custom-auto-entities card? I can use last-changed as secondary_info, but why not the property 'ip'?

I would like to show every device's IP in the list as secondary info. If I do 'ip' instead of 'last-changed' I get nothing as secondary info.

image.png
vast crane
covert cipher
vast crane
#

If you want that then yeah you'll need something else.

desert crag
#

Hi All, my next project is to update my dashboard ( this design has the WAF, so it has to be exactly this haha), Jokes aside. I am keen to give it a go. My initial thought was to use the Grid card layout, but rather than doing Grid in Grid in Grid, does anyone have any better suggestions on how to achieve the layout:

dry pendant
rocky hinge
#

i have a horizontal stack, but cant seem to hide the names of the entity's. is there a way to hide the entity names from being on top of the graph?

# 
cards:
  - type: entity
    entity: sensor.precipitation_chance_3h
    unit: '%'
  - chart_type: line
    period: hour
    type: statistics-graph
    entities:
      - sensor.solar_panel_1_sum
      - sensor.solar_panel_2_sum
      - sensor.solar_panel_3_sum
    stat_types:
      - change
    logarithmic_scale: false
    days_to_show: 2
#

The - sensor.solar_panel_1_sum - sensor.solar_panel_2_sum - sensor.solar_panel_3_sum
are showing on top.

safe sage
#

hide_legend: true

rocky hinge
#

thanks!

rocky hinge
#

when trying to change some code in a card, my browsers freeze and crash. on both edge as chrome. does anyone else have that?

#

i have a popup card that pops up based on entity. i simply want to add a few more entitys....

noble hornet
#

Hello, I bought a tablet to put on my wall, but when I try to go on one of my dashboard (a sections dashboard) on the android app or through the browser, HA loop and never show the dashboard. Other dashboard works ok. Any idea why ?

rocky hinge
#

I have blocked a device from accessing the internet, but now a website embed no longer works. is there a way to make the home assistant device show this website and feed it to the device im blocking from the internet, instead that this device itself seeks to open the page?

rocky hinge
#

So it is possible to display a website on frontend/dashboard that is being rendered/downloaded by home assistant, not the companion app/browser?

supple bear
#

Is there a recommended way to keep the HA android app always connected to my HA so that when I open it, it doesn't spend time reconnecting. Should I do something in the companion app Vs android battery optimization Vs some combination of both.

vague blaze
final tartan
#

Hey guys, I keep getting an error message: "Configuration errors detected: Unknown type: vertical-stack" when attempting to use vertical-stack... Any ideas?

vast crane
golden mistBOT
#

@final tartan I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
vast crane
#

that seems fine, suggest put up the full thing on a paste site

golden mistBOT
#

Please use a code share site to share code or logs, for example:

Please don't use Pastebin, since it can randomly add spaces to the main view. Please also don't share text as images since it makes it harder for people to help you. Remember that others may have colour blindness, impaired vision, etc.

final tartan
final tartan
vast crane
#

no

#

idk this seems fine to me, can't reproduce any error with it

final tartan
# vast crane no

The "Unknown type: vertical-stack" is throwing me for 6... It's like vertical-stack isn't enabled or something?

vast crane
#

I'm not sure how that could be possible

#

try safe mode is my only suggestion, maybe it's some custom resource breaking something

#

oh or try clearing caches

final tartan
#

I installed vertical-stack-in-card via HACS and it's working

#

Yeh, maybe it's the cache. I'll try in a private browsing window

#

Nup, same issue in a private browsing window

lament oyster
#

Have a confusion here and hoping someone can help. I'm trying to make a dumbed down HA mobile dashboard for a family member, and want to have a weather forecast for their work site. I've been using Ambient Weather Network for the hyperlocal conditions, but that's only current conditions, not forecast. I'm trying to figure out what I would need to do to add a second location for pulling forecasts (US based, btw)

final atlas
#

I am trying to figure out how to set the color of the "PRESS" button. I have ha-card installed and working.
I set the color to white of the name of the button. On the right hand side there is a word that says press where I toggle the sensor.

Here’s a snippet of the yaml...

‘’’title: Bedroom Window
state_color: true
card_mod:
style: |
ha-card {
card-mod-icon-color: white;
background: cornflowerblue;
color: white;
box-shadow: true;
},,,

undone fiber
#

anybody here got a suggestion how I can configure a colorpicker in a dashboard and store the selected color in a input_text helper for later use?
all I can find sets a color directly on a light, which is not what I want.

golden mirage
# final atlas 
type: entities
entities:
  - entity: switch.assist_microphone_mute
    card_mod:
      style:
        .: |
          :host {
            --switch-unchecked-track-color: yellow !important;
            --switch-unchecked-button-color: red !important;
            --switch-checked-track-color: lime !important;
            --switch-checked-button-color: green !important;
            --switch-checked-color: lime !important;
          }```
rocky hinge
#

is there a bug in the graph card? it shows completely different on one device as the other. the exact same card with same settings.

#

it shows correct on my pc. set for 2 days. on my other device it shows for the last 9 months.

rocky hinge
#

i just tried 3 different cards and they are all refusing to correctly show.

#

ah, the secondary device had its date set to the year 1970.

gaunt bluff
#

Is there a way I can do this?

  - type: map
    entities:
      - entity: person.my_name    
    theme_mode: dark
    default_zoom: 16
    hours_to_show: "{{ states('input_select.map_hours_to_show') }}"

Currently doesn't seem to work, I have seen people use custom:config-template-card with variables

peak bronze
#

What am I doing wrong with the Frigate Card, as soon as I select the Camera Privater go2rtc I get the following message: Could not get a camera endpoint for this live provider (incomplete configuration?)

celest pendant
#

guess this goes here, i want to create a SVG icon and i can use elements from two existing ones in home assistant but i cannot for the life of me figure out how to take said element from one svg file to another while maintaining the svg format. i mean i can easily copy and paste but that doesn't mean it will remain a vector image. Anyone with some knowledge on this?

vague blaze
winged vapor
#

Hi what is the correct way to add button card templates !include to a UI controlled dashboard. I tried adding it in raw config but that didn't work, I might be missing the correct way due to updates. Is it still possible?

celest pendant
celest pendant
#

my fan has a night mode, so i wanted an icon for that :)

celest pendant
#

aand it works, yay.

valid wigeon
#

Anyone use UI Lovelace Minimalist. Im having an issue I think in "calling" the templates that are within Minimalist when I go create a Dashboard

final atlas
#

Set the color of PRESS

dense vine
#

i'm using this to see an attribute to an entity but i want to tag something on the end like TB and i suck with templating what am i missing?

#

type: entities
entities:

entity: sensor.viper_home_viper_home_storage_g
type: attribute
name: PLEX Free Space
attribute: AvailableSpaceMB

vague blaze
#

You could create a template sensor helper with

{{ state_attr(‘sensor.viper_home_viper_home_storage_g’, ‘AvailableSpaceMB’) ~ ‘TB’ }}

And then use the template sensor entity in your card instead of the entity. There might be other ways to do this as well.

dense vine
#

ok, theres something else. i want to redfine the attribute of that sensor to where it shows 9.8TB instead of this

Screenshot_2024-09-12_151625.png
#

tried doing something in dev tools but it's showing 'sensor' is undefined

#

{{ sensor.viper_home_viper_home_storage_g | float | round(2) }}

#

would i have to make a sensor entity out of the attribute first for that to work?

#

seems like there would be a way to display this in the ui without doing all this i just can't find it

vague blaze
# 
{{ states('sensor.viper_home_viper_home_storage_g') | float(0) | round(2) }}
#

Oh wait... actually you said it's an attribute, right?

{{ state_attr('sensor.viper_home_viper_home_storage_g', 'AvailableSpaceMB') | float(0) | round(2) }}
dense vine
#

in developer it shows like this after trying that 9813121

vague blaze
dense vine
#

ahhh. thats what i was having a problem finding info on

vague blaze
#

🙂

#

So, the complete template should be:

{{ (state_attr('sensor.viper_home_viper_home_storage_g', 'AvailableSpaceMB') | float(0) / 1024000) | round(2) ~ 'TB' }}
rocky hinge
#

Does anyone know if the type: custom:bubble-card card_type: horizontal-buttons-stack
can support a action based on clicking the button? would like to fire a automation when i press it. in visual editor we can only open a website or open a menu it seems.

dense vine
#

only problem i see is the way it's being converted. i'm using hass.agent to display the sensors

Screenshot_2024-09-12_154851.png
#

not sure why it's showing like this lol

#

seems like hass.agent isn't displaying the correct info

upbeat radish
#

Yeah. I have a feeling that is where I am going to need to end up. I am still incredibly new to HA and YAML. So it might have to be a future me problem. Plus, with an additional swing option about to be added into HA, some of the cards will need updating as well, so hopefully they get added into either. ..

golden mirage
dense vine
#

no that was just to show the inconsistency with my actual free space to what hass agent is telling ha

#

i can't get it to convert exactly the right numbers

glacial ermine
#

all my light switches, shutter controls, smart plug sockets, nothing working because of this one stupid issue. I'm so mad, I am freaking out here

glacial ermine
#

well it seems, dear friends, that themes have an amaziing ability to alter the colours in embedded images

#

I did think of that briefly bt dismissed it as being too stupid of an idea

#

but apparently it is a "feature" of Home Assistant

frigid cairn
#

with the new grid layout, how can I have a rectangular camera take up only its height when the grid spans two columns? i.e. currently, in a single column, the camera shows as a rectangle, but when I stretch the grid to span two columns, the camera becomes square. Idealy, I'd like it to be the width of two columns, but not take up the equvielnt height of a square element

gentle steppe
#

Hello guys, quick question. Is it possible separate state value and unit of measurement in the new badges?

vague blaze
gentle steppe
eager forum
#

evening folks

#

does anybody have a suggestion for a replacement?

eager forum
#

I guess for now my workaround is that I forked the repo and added it as a custom repo in hacs

median belfry
#

Anyone an idea how i can fix this useless white spaces, i am using the mushroom title card. Or do i need to use an vertical stack card for this?

image.png
#

I have two seperate title cards for the "Ruimtes" and "Begane grond":

type: custom:mushroom-title-card
title: Ruimtes

type: custom:mushroom-title-card
title: ''
subtitle: Begane grond
bronze pewter
#

I love the look of the badges. Hope I could place them anywhere in sections.

acoustic ore
#

Is there way to change the colour of the icons on a picture-element? I thought maybe I can use card_mod but I don't understand how to use it well enough. I use card_mod: style: | ha-card { box-shadow: 0px 0px 9px 3px var(--primary-color) }
to change the boarder but not sure what to add for the icon.

#

This is the element and I want to change the colour to white which works using chrome dev but not sure what to put in the code.

image.png
deep cairn
#

Anybody know how to make a custom Mushroom chips card chip only show for a specific person? I am using card-mod.

Tried: https://hastebin.com/share/cajoqewive.css

It compiles witout errors, and shows the card, but... doesn't show the card based on the condition...

#

I did a standalone conditional, and it works... I understand what I'm trying to do it really custom... I just really am hoping it can work.

gilded juniper
#

Material Design Icons - is there any way to utilize the Density features of the Material Design icons to enable high-density space for controls that are generated by the <HA-FORM> control? Or maybe manual CSS styles that I can incorporate to decrease the size of the controls that are generated? A 24px; top and bottom margin around each rendered switch control is just a lot of wasted space IMHO. Please advise, and thanks for the help.

junior girder
#

Is there a way to an "notify" Service to an Markdown Card? I generated an notification that works great, but now i would Like to Show this notification on my Dashboard too, but shown only for an specific user

vague blaze
faint prism
#

How come there isn’t a default light card that can address more than one light?

vast crane
#

make a group of lights, then use that group in a light card

faint prism
#

Group of lights?

#

Like a label?

vast crane
#

A group is a helper, you can create it from the helpers page. it will create a new light entity

lost pebble
stuck spire
#

On the stock tile card for garage doors, is it possible to have the icon green when closed and red when open to match the lock tile card? Or is that a 100% custom thing to accomplish?

vast crane
near wedge
#

anyone using WallPanel? any way to display the image also in notch area?

vast crane
stuck spire
#

I've kept the dashboard relatively stock outside of some additions via hacs

vast crane
stuck spire
#

Sweet! Thank you!

lost pebble
tribal galleon
lost pebble
#

Oh, because I don't know how to write yaml. I'm resourceful in 'permanently borrrowing' other people's code though! haha. So this was cut and paste from a couple sources, until I could get it working. hahaha But thank you for wanting to help! I appreciate it!

tribal galleon
#

Gotcha. Another option for a simple blinking icon to consider instead of the key_frames.yaml styles: icon: - animation: blink 1s infiniteThe speed of the blinking is handled by the time duration, here 1s.

lost pebble
#

Ah, I've used that for my garbage collection images I have blink the day before and the day of. I honestly don't really know what it means where it says 'light .8s alternate infinite' except the .8s which is point 8 of 1 second and infinite meaning keep doing it until the state changes. But 'alternate'? Alternate of what?

tribal galleon
#

For your current animations, alternate doesn't really do much for you. Think of the key_frames as a script for the animation. Something is done, then it moves to the next line in the script and does that, so the 0 to 100%. With Alternate (which is part of the animation-direction setting) the animation is played forwards first, then backwards. Consider the animation that changes the icon from red, to green, to blue. With alternate, the animation would go red, green, blue, greed, red and then start over.
See Run Animation in Reverse Direction or Alternate Cycles on CSS Animations at w3schools.

lost pebble
#

Ah, okay, I understand. Where I got the code, they used multple colours and I did notice it go forward, then backwards, then forward again. I guess I was lucky in changing the colours all to red to create the pulsating effect. haha

#

I have a different problem that I haven't been able to figure out an answer on it yet. Mind if I ask you privately? It's not related to frontend really, otherwise I'd simply ask in here.

tribal galleon
#

@lost pebble Yeah. That's what I did when I was learning how to do some of that stuff; just try to dissect the code to get a better understanding. In fact, when I was looking through some of my examples a few minutes ago, I noticed I had a box-shadow element that served no purpose for the animation that I was going for. This is something I was playing with a while back.
You can DM. Might not be able to help but maybe point you in the right direction.

20240914-1737.gif
lost pebble
#

That's a neat alert! Before I knew you could do animations, I create GIF's and used picture-entity to display the gif when needed for an alert.

#

And thanks, will shoot you a dm now...

eager ocean
#

Hi, can anyone recommend a good source of info to start with CSS styling in Homeassistant?

twin charm
#

Hi , i'm trying to get a tile card with "progressbar" for my electric car's SOC as in the presentation "2024.9: Sections go BIG" does anyone know what code is used? when i add mymy sensor i got "No compatible features available for this entity"

image.png
cinder rapids
#

🎉

wheat current
honest herald
#

😃

half osprey
#

woohoo

dim harness
#

yay! just in time when I started experimenting with it 😉

#

it'd be nice to have some sort of "padding" card to allow separating columns :p

#

not sure if that's a nicer solution than the proposed columns. but I suppose such could be quite easy to implement at least

half osprey
#

I suggest that for card suggestions, you first implement it as a custom card so people can play with it before we add it to stable

#

There is a great custom card example that can help you get started

dim harness
#

working all of this, it could be quiite nice to be able to define a location of an entity, and use that for an entity-filter to show e.g. entities located in the bathroom

#

had I knowledge of frontend dev :/ but I agree with the notion

half osprey
#

I think that once we have added the device registry, we should add locations to devices 👍

mortal cape
#

@dim harness that is kind of handled by the example given here - type: entity-filter filter: - entity_id: '*kitchen*' card_config: title: Kitchen

#

assuming kitchen is in the name...

dim harness
#

@mortal cape yeah, it requires that in the name, but sure 😃

#

yeah, that'd be something for the dev registry indeed

# 
      - type: entity-filter
        filter:
          - domain: media_player
            state: 'playing'
        card: media-control

should this work for displaying a playing media players? I'm just getting "entity not defined in card config"

half osprey
#

It doesn't work as media-control takes in a single entity and entity-filter works with cards that take in entities

dim harness
#

entity-filter feels a bit odd to me, as it is (I'm assuming) not accepted wherever entities can be defined

#

hmm, okay, I see. it'd be nice to have such ability I suppose (for a what's-going-on main screen)

waxen belfry
#

where is the 🍻 ? 😃

north spear
honest herald
#

Cant wait to start trying it out but I know im going to need a few hours at least lol

cinder rapids
quick beacon
#

It's the 3rd time now someone posted this. What about anyone tries to implement these 10 lines of code? 🤔

north spear
#

Pick me on Friday

#

😃

wide cargo
#

entity-filter card question: is it possible to not include hidden entities?
i've tried

filter:
  - domain: light
     hidden: false
``` but it is still showing me some hiddne entities
half osprey
#

hidden is a thing from the past, it's UI config stored in the state machine

#

It's not possible right now

#

We might end up adding an exclude filter too

#

Although we don't match on attributes yet either

fluid shoal
#

when using the entity-filter card, is it possible to sort by friendly name?

half osprey
#

The problem with sorting by friendly name is that friendly name is part of the state and so it can change

#

We can sort it by friendly name, but only maybe at initial config parsing

storm lion
#

Woo! Moved everything over earlier today and all I can say is it's awesome!

pure void
#

im thrilled with it too

#

probably dumb but im happy i can add a media player to an entity card. love the little line entry for it

storm lion
#

Got some ideas about making my home an "at a glance" page using the glance pictures... I wonder if they click the picture could act like a button and take you into another view...

pure void
#

you mean instead of the tabbed view?

storm lion
#

As well as.. so I'm thinking glance picture reporting states of the whole room, so all the motion sensors, all the lights etc just connected up in group's, so if you toggle it off it just kills all the lights in that room, or resets motion, or brings up more info on that rooms temp etc.. but clicking on the picture of the room just is a link to the tabbed view

pure void
#

huh.. interesting

storm lion
#

Or you could still navigate by a tabbed view.. kind of hadashboard on steroids overview page

#

Just an idea... Thinking it'd be awesome to quickly be able to see relevant stuff, and be able to dig into the details all with a unified interface

pure void
#

im kind of digging that idea

storm lion
#

And one step further, be able to have the picture glance be subbed in for a camera feed ....

past falcon
#

Hey is it possible to do a camera glance? I'd love to use my camera as the background, and I can pull the image but it doesn't update.

storm lion
#

it would probably update on a refresh?

past falcon
#

It only does on a webpage refresh. The Lovelace refresh doesn't do it

winter wasp
#

before i dive in, is it possible to use lovelace with the iOS app?

storm lion
#

to be fair how granular do you need it?

#

does it refresh if you navigate back to it from a tab?

past falcon
#

Well I just want to update the lamp I can see honestly. And nope only on an F5

storm lion
#

hmm I mean you could spoof a refresh probably

past falcon
#

Yea, it'd just be nice if I could just take the camera window and add in the Glace icons. That would be 👌

storm lion
#

adding an "issue" to the lovelace git.. see what the devs think

quick beacon
#

PLEASE: check the few existing issues before creating new ones

storm lion
#

sorry @quick beacon - spotted it as a sub comment on another issue but not it's own

#

can close off if that's not the right thing do to ? as for the two earlier- apologies, got a bit excited

quick beacon
#

HA 0.72.1 includes iframe-card & fixes entity_picture in glance-card

storm lion
#

great work guys!

dreamy tendon
#

does someone have an example of what they've done with this?

storm lion
raven nacelle
storm lion
#

I'm just toying with some things now @dreamy tendon but ill post some screen shots later if you like?

dreamy tendon
#

thanks. And sure I'd like to see more as well even though I don't use the GUI that much myself

storm lion
#

nor do i but the wife does and some tablets through the place might not be a bad idea

#

I was just about to sink a silly amount of time into hadashboard, looks like this fits the bill perfectly for me

north spear
#

@storm lion @dreamy tendon make sure you read already reported items. I've tried to aggregate some also reported as comments on the gist.

storm lion
#

will do @north spear - I made a booboo earlier and listed a couple but read them all now.. what's good practice with regards to if something is noted in a comment but not the actual issue?

north spear
#

let me know I'll update that list so we can update issues with all logical needs

storm lion
#

I've added a get to issues through the day, one @quick beacon has already picked up on and seems to be working on and the other is a camera glance, or as @half osprey has suggested is to incorporate this within the picture glance card

#

cards to support templating is something else I'm excited for

#

also can clicking on a "picture glance's" picture act as a link to a tab

north spear
#

I think that should be already doable

#

have you tried to combine entity-picture with link entity ?

storm lion
#

hmm nope.. I'll give it a go.. will let you know if it does work so it can be added to your gist

raven nacelle
#

BTW, on Chrome, if I leave the lovelace tab untouched for sometime, I always see

north spear
#

@raven nacelle can you let us know which types of cards you have on that interface?

raven nacelle
storm lion
#

how would you reference a tab as an entity.id?

raven nacelle
#

@storm lion You cannot

storm lion
#

what I thought, thanks 😃

#

^ so no not possible Marius

#

in glances can you add to the list:
an option that when clicking on a camera icon it brings up the camera in a window as it does when you click on the camera it's self?

north spear
#

But can you reference a normal link? I know most of lovelace you can’t deep link yet for views but at least first step should be doable. I will try tomorrow

storm lion
#

(sorry, if these are really simple questions, far, far from a coder I'm afraid or Id be trying to help with the project a lot more)

half osprey
#

So first step is going to be adding permalinks for views

#

So that it's something like /lovelace/abc to get to view X

#

The next thing I want is indeed to allow tapping a glance-picture and have it trigger a navigation

#

So you can have a house overview, tap to go to a view that dives into that room

#

Then each room view can have a picture to go back

storm lion
#

that's exactly what I'm after 😃

half osprey
#

And then we can hide the tab bar and header and you have a super sexy UI

storm lion
#

I'm so glad that's not just cool in my head!

vapid field
#

now that the UI is getting decoupled from the back-end will this also impact components like input_* which currently expose state and interface as one... I can imagine that it might be worth it to just create generic input controls which can just set/update state instead of having special components for them

half osprey
#

@vapid field no. Setting states directly is not something the frontend does

#

Frontend only interacts with higher level APIs made available

winter wasp
#

are there plans for a 'group by state' filter card?

storm lion
#

@winter wasp can do that now with an entity filter

winter wasp
#

@storm lion but without specifying every explicit state?

#

i mean to group entities in buckets based on which state they're in

#

but automatically

storm lion
#

try:

- type: entity-filter
  filter:
    - domain: '*'
      state: 'on'
#

(not sure - might work though)

mortal cape
#

I think he also wants state: '*'

half osprey
#

just don't add a domain

#

Only entity_id can have *

vapid field
#

@half osprey but why not a more generic state component which exposes a set and then allow creating custom controls? I understand that its not on the current to-do list, but it would make adding custom input a lot easier without having to switch components when a new input is available

mortal cape
#

which seems weird to me, heh

winter wasp
#

yeah, i want it to figure out all the possible states for a given domain, and then group entities into the possible state buckets

storm lion
#

I guess if entity_it is * then domain is by defacto

half osprey
#

@vapid field because setting states is only allowed to be done by the Entity class

mortal cape
#

Can you filter by state of entity_id or only domains?

winter wasp
#

my use case is template sensor wrappers for device_tracker entities -- some I consider "offline", some "down", and some "away"

storm lion
#

@north spear - if the right way of adding issues is through you can considering adding:

  • currently clicking on climates, camera, input_select in glances doesn't bring up the appropriate "popup more info dialogs"
half osprey
#

The popups are called "more info dialogs"

storm lion
#

thank you boss 😃

shrewd crane
#

Hello everyone, is lovelace substitute for ha dashboard?

north spear
#

@storm lion it works for me. Are you sure it's glance card?

split granite
storm lion
#

@north spear it's a picture glance card

north spear
#

I don't think glance card was designed to open more info dialog

#

it was designed for on/off entities and sensors (especially binary)

#

I think this will require a discussion if it will make sense to add more info dialog or just avoid allowing entities that don't match on/off to show

#

@half osprey considering lovelace is experimental, I assumed issues should not go into home-assistant-polymer list. Also ui-schema repo seems appropriate (at least from description) only for suggestions and discussion around schema specific things

#

where should bugs / features & rest be reported?

#

I have a list aggregated based on various comments on the gist, but I avoided to tell them and raise issues in home-assistant-polymer because it's experimental

storm lion
#

Understand that, but it acts that way for motion sensors.. perhaps turn that off then if it's not intended behaviour?

#

Also possibly an option of changing the icons would be useful? For example I have two switches that both just show up as lightening bolt.. either a user defined icon or a number of "secondary" icons would be useful

storm lion
#

just some simple minds like me might think it's a missing feature 😛

#

@north spear - Unless I have missed it I can't seem to suggest edits to your gist.. can you add a note saying you can only have a maximum of 10 items shown on a picture glance please

#

it's unlikely people will add that many.. I just wanted to see how many we could have, and let people know

north spear
#

Gist updated

#

I will make an update for 0.72.1 and include iframe card later today

storm lion
#

since 0.72.1 glance cards aren't cutting cropping longer names for me:
https://imgur.com/a/KX0SY7L
Is this for anyone else, and if so did you want me to raise a bug issue?

#

@north spear - give me a shout if you want a hand with that - I'm no coder, but can help with the docs if it would be useful.. up to you 😊

north spear
#

It is a bug. It has to be raised, probably against ui-schema

#

I am happy to receive help, but unfortunately gist is very limited on collaboration

#

You can post comments and I will happily integrate them in the proper area in the docs

#

My gist is just a temporary walkthrough until Lovelace becomes the official dashboard

storm lion
#

is it worth considering adding it to the main documentation with ExperimentalLovelace in front of it?

I think you've got the docs down at the minute personally, but the take up seems massive so far which might suggest it's worth getting in the proper docs earlier than was maybe envisaged

north spear
#

Lovelace fixes the main problem for users that adjust interface for the first time: avoids the need for reload the whole HA on every change. That speeds adoption A LOT

#

That is why the uplift in adoption so early on

storm lion
#

Totally agree - and that's the only feature I'm not using

fallow oak
#

Entity id of weather domain... What is that exactly?

#

Ref: Weather forecast card...

storm lion
#

so you need to have a weather component, not sensors setup

#

go for yahoo weather - dark sky doesn't load the icons correctly

north spear
storm lion
#

nice work 👍

fallow oak
#

Would YR do the job?

storm lion
#

YR is a sensor - not a weather component

fallow oak
#

Ahh

#

👍

storm lion
north spear
#

and take advantage of the card

loud vault
#

without writing a custom card, is it possible to display a second line under a sensor like customui does with extra_data_template?

fallow oak
#

Is there a way to customize fonts or sizes in cards?

#

Or adding separators?

north spear
#

separators was requested, but not yet implemented, fonts and sizes probably not, but should be doable with themes at least at a view level.

#

Themes unfortunately isn't working for me, I think it needs a fix

fallow oak
#

OK. Thanks for feedback!

#

😉

kind shellBOT
fallow oak
#

Where are requests entered?

north spear
#

I correlated these from the gist comments, but I think there should be a repo where tehse should be entered as issues

#

for now the only repo for lovelace i know it's ui-schema, but unsure if these fit there the best

#

so for now at least for myself I'm maintaining these in the comments, trying to inform people to avoid duplication. Far from ideal, but hope we get more steer on the best spot to place these

#

I'm sure we wouldn't want feedback for experimental UI to go against the official "home-assistant-polymer" repo

fallow oak
#

Not really sure how formulate a proper request, but here is a try:

north spear
#

you mean do it programatically or through automation?

#

not sure exactly the use case you're trying to describe

fallow oak
#

Programatcially would be fine...

#

Let me do a screenshot

#

Oh... I cannot share files in here...?

split granite
#

No, too many people would just post code as images

fallow oak
#

Ahhh!

#

👍

split granite
#

I've granted you the power now though

#

Please don't abuse it 😃

fallow oak
#

@quick beacon Didn´t know I was in the habbit of doing that...? But sure... No problem!

quick beacon
#

Can you stop posting useless pictures, tinkerer told you

split granite
#

Highlighting a this is what would be great, sure, but here's a pretty picture, not so great 😉

fallow oak
#

@split granite I get the issue of people (including me apparently) posting useless pictures would be a problem... Could you please explain to me what it is here that I did wrong?

quick beacon
#

Think before posting, you have a row full of toggles. How should we also add a text there?

split granite
#

My personal take also is only to include the bit that's relevant - trim images, and use them where they add something you can't easily explain in words

fallow oak
#

@split granite Thanks! Get it!

split granite
#

@quick beacon made a good point too - in that image, how would you add state without fundamentally changing the nature of the card

#

About the most you can do there is change the icon colour (carefully)

fallow oak
#

I hope that picture isn´t too much for anyone!?

#

In my case, the idea was to have a picture-glance card, picking up the image from a web cam, so dynamically updating the image with a view of the weather data that is displayed in the bottom....

storm lion
#

wow.. all 3 pixel there hurt my eyes :S

fallow oak
#

I need to go to bed and sleep this day away! Everything I do is wrong now....

storm lion
#

lol.. I was joking buddy! I like the concept though 😃

#

I'm not sure if any information put under the icon would be too small to be of functionally useful

fallow oak
#

😉 I don´t know either...

#

That was the idea, now I´ve shared it, and I´ll leave you guys to do with lovelace whatever you want!

ocean skiff
#

Hi, What's lovelace?

split granite
#

Please read the channel topic @ocean skiff

dreamy tendon
#

baby don't hurt me

mortal cape
#

smh

north spear
#

no more

upper jungle
#

Is there way to define card width and maximum cards in row?

north spear
storm lion
#

seeing as we have a plant card, what about a climate sensor? current temp, target temp, mode

#

^Same applies for vacuum card

half osprey
#

Think more generic

#

The glance card was born out of the plant card

storm lion
#

ohh I see... well on the flip side then, how about a way to front end attributes in a glance card, then people could make there own "vacuum card" if they wanted?

grim light
#

Are there any plans for a glance-like card that has directly actionable buttons instead of just statuses? I currently have a card that has two scripts. It would be nice to have those script buttons side-by-side to help reduce the space they take up.

half osprey
#

that's already possible?

#

oh wait, that's on the picture

grim light
#

Yeah it doesn't seem to work with the normal glance. Clicking on them will bring up the popup card with the controls, but it would be nice to have it directly actionable from the main card.

Ex:

Script 1 Script 2 Script 3
[Execute] [Execute] [Execute]

#

Something like that ^^

storm lion
#

yeah, I think the picture glance does that...

north spear
#

The feature was already requested

grim light
#

@storm lion Picture glance isn't ideal though for that purpose as it is designed to take up more space in a sense. Whereas the normal glance card is designed to condense things.

#

@north spear Glad to hear 😃

storm lion
#

@north spear - consider adding on attributes to be used in glance cards please (I assume it's possible to do from my very rudimentary understanding of the system)

#

It might just be a re-work of the plant card?

north spear
#

What would be the use case? I am not sure I understand

storm lion
#

soo, it'd use a display card the same as glances or the plant sensor but for other devices that list a number of attributes; vacuum cleaners and climate sprint to mind immediately.. now you could work around it by creating a template sensor for each attribute or something but that seems a bit of a long work around

burnt herald
#

Quick question: Has someone already created a groups->Lovelace migration script? I'm tempted to write one if that doesn't exist yet :P

storm lion
#

Hey @burnt herald ! not that I've seen...

raven nacelle
#

That will be super @burnt herald

north spear
#

I was thinking of that as well

#

However I felt that would be better to look at each group and try and make it more dynamic

burnt herald
#

should be relatively straightforward, already on it :)

north spear
#

With entity-filter

#

Nice

#

@storm lion i understand now. Probably new type of card

storm lion
#

so yeah a few of those in a glance card would be useful for a number of people I guess - Looking at the code, I can't see it being any different to the plant card, other than it being user defined attributes

grim light
#

Is there a way to customize the title of the weather-forecast card?

storm lion
#

it's the name of what you've set the weather entity as in

weather:
  - platform: yweather
  - name: name_here
grim light
#

erm...that doesn't seem to work

#

erp...nvm...I was editing a copy of my weather.yaml file rather than the actual file 🤦

storm lion
#

😛 changed it now?

grim light
#

Yeah it's working now 😛

#

I missed Step One: Stop being an idiot 😆

storm lion
#

lol.. I get stuck at that step too!

#

Murphy's law - Make something idiot-proof, and they will build a better idiot

grim light
#

lol

burnt herald
mortal cape
#

@burnt herald nice!

half osprey
quick beacon
#

^posting useful examples in an issue is not ideal 😛

half osprey
#

haha you are very right

#

I was thinking of making this example the official custom card example

#

As the other example only works in Chrome

quick beacon
#

...and it works offline by default

half osprey
#

haha that too

#

I just wanted to show all the fancy things 😦

quick beacon
#

so add both there 😛

half osprey
#

I will

upper jungle
#

When adding MJPEG camera as 'picture-glance' it shows live video stream, first time I see live stream on front-end! and because its added only in Lovelace and not as component it has no errors in logs this is great 😀

storm lion
#

when did a calendar side bar appear? Is that a lovelace thing? 😛

raven nacelle
#

calendar was added in 0.72, don't think it is working atm

storm lion
#

no, isn't working. for me, just must have missed the feature note on the blog

calm rock
#

@mortal cape is it possible to run the migration script on hassio ( just copying out the config files and runing the script over?)

mortal cape
#

no

#

I mean...copying them out where?

calm rock
#

yes , to my mac

mortal cape
#

@calm rock It's going to look for an install of homeassistant

calm rock
#

!! Good , it will speedup the transition a lot ..

frosty pelican
#

wow i really love how if you have all the cameras in a single view they no longer take up a single column.....sorry if that was mentioned before just started to dive into this 😃

half osprey
#

@upper jungle just be careful this will eat bandwidth

buoyant portal
#

This is a fantastic addition to HA. Thank you to all involved!

tepid locust
#

@storm lion our vaccums are named the same lol

north spear
#

Moved docs. Gist comments didn’t allow notifications or collaboration. Will delete/disable the new repo when lovelace will stop being experimental and not move so often. I’ll try to keep updates there as stuff is moving wih dev.

loud vault
#

@upper jungle can you please show me your MJPEG picture glance entry in ui-lovelace.yaml? I'm struggling to achieve the same thing here

rapid hare
#

I've looked around a bit but cannot find anything regarding this.... Can you use the old badges inside a card in lovelace or would you have to implement it as a custom card?

half osprey
#

custom card

#

The badges don't really work well in a custom card, too flashy

#

For now glances do a similar thing

rapid hare
#

Thats what I though, thanks

storm lion
#

someone change the room topic to the new location of the lovelace docs please?

split granite
#

What's that location @storm lion ?

storm lion
mortal cape
#

done

storm lion
#

thanks guys 😃

mortal cape
#

I meant to do that earlier and forgot

empty heath
#

Who is @ciotlosm? Is there a way that we can migrate this over to a new section on our website?

storm lion
#

it's @north spear - @empty heath

empty heath
#

Thank you, sir. Lovelace is integrated into the core, yes?

#

It's not a "custom component" or anything like that, right?

storm lion
#

I think he just wrote a nice summary and it because the defacto place..

#

yup part of the core, albeit it not on by default.. can go on there with an note on it being experimental nice and bold on the title I'd think

north spear
#

Hey

empty heath
#

👋

#

@north spear Would you be okay with moving your hard work on the Lovelace docs over to the Home Assistant website?

north spear
#

Sure

#

Let me know where exactly. Not sure I can give enough permision for transfers

#

I have also not respected any standard either

storm lion
#

happy to help you @north spear if you want me to take a few and amend formatting as per guidance

empty heath
#

@north spear No worries on either of those, we can help you get it up to standards. 😃

quick beacon
#

ehm official repo for lovelace is dev-docs..., @north spear "only" has examples

storm lion
#

at least documentation is something I can be useful and help out with

empty heath
#

As for the permission, anyone and everyone is allowed to submit a PR. Let me have a look at where the best place might be.

#

@quick beacon I personally do not feel that dev-docs is an ideal place for it, but that's just me.

quick beacon
#

it's experimental + wip. I won't update two docs sites

empty heath
#

I don't disagree with that.

hallow granite
#

@storm lion is vacuum cleaner already supported ?

storm lion
#

As an entity it is

#

I was only musing about a specific card for it.. it works just as before currently @hallow granite

hallow granite
#

@storm lion how would it look like in Lovelace?

#

As.OK ..are u planning to integrate it ?

#

With attributes and control buttons ?

storm lion
#

I'll post a screenshot when I get home of what it currently looks like... I think it was decided it probably wasn't worth it giving it a specific card

hallow granite
#

@storm lionthats a pity ..cause I think it would be nice having a clean control panel for it

raven nacelle
#

@empty heath Let us keep it in dev docs until it matures otherwise precious time will be spent on updating multiple docs. Plus, I am guessing at some point, Lovelace may become the default frontend, in which case, we may not need a separate entry

empty heath
#

@raven nacelle Understood, and that works for me. 😃 Thank you!

hallow granite
#

Yeah.would be awesome having Lovelace the standard frontend

honest herald
#

Probably will be

hallow granite
#

Why not...I mean what would be a reason not to be ?

storm lion
#

Can we link @burnt herald migration script in the pinned too please?

mortal cape
storm lion
#

Thank you!

north spear
#

It is also in my docs under Migration

#

Linked there I mean

mortal cape
#

Doesn't work for hassio installs unfortunately

storm lion
#

Worth noting that then...

#

What?

quick beacon
#

nvm, misread

storm lion
#

Tvm :+1:

#

I'll make a PR in @north spear doc to warn people of that

mortal cape
#

@storm lion actually I hadn't revisted the link

#

there is a workaround

#

maybe

#

I'll give it a try

north spear
#

Should work with local python

#

And a copy of your config

#

Maybe someone packages a docker for it