#frontend-archived

1 messages · Page 21 of 1

foggy heart
#

Does anybody have an idea why the browser mod popup card scales to size on computer and tablet and is nearly fullscreen on portraid mode or mobile phones. So why is there this empty space on mobile with the dotted red lines.

image.png image.png
#

So I know that it is due to this value being at 100% --mdc-dialog-min-height. How do i find out in which stylesheet this is renderd so that i can change it

image.png
#

And there are also no rounded corners on mobile

#

Basically what i need is to disable the min height and border radius for mobile which are applied by the mobile filter rule but where can I do this. is this possible in the theme file or where do i do this

image.png
tame oriole
#

is there a way to force the cards to be in a certain position instead of so tightly together ? it looks bad

image.png
patent pendant
#

I want to show this person card based on the user how can I do it?

image.png
silk igloo
#

why does http://homeassistant.local:8123/ and http://homeassistant.local:8123/lovelace/ show extra chevrons on the tabs
but http://homeassistant.local:8123/lovelace/[tab name] does not

tacit cave
#

it's a bug

#

been a bug for some time now

#

@silk igloo ^

silk igloo
#

ok

#

is there an issue yet

tacit cave
#

Yes

foggy heart
tacit cave
silk igloo
tacit cave
#

it's a race condition

#

it's the same issue

#

you're welcome to create a new one if you want

silk igloo
#

huh

#

so something related to ha-tabs/paper-tab

tacit cave
#

it's related to how safari interprets the code IMO

#

it doesn't happen for me on chrome anymore

silk igloo
#

im on firefox
ill check on chrome

#

okay yeah its a race condition
it seems to be completely random in chrome
while in firefox, its a bit random but most of the time it's the behavior i described

tacit cave
#

and safari it shows up 100% of the time

slim grove
#

What I would like to do is create a "ten foot interface" display of HA data. I've learned how to manipulate the colors used by a theme, but I need to gain control of layout at the CSS level. How?

#

Quite happy to code my own integrations, services, resources, entities, whatev. Just need a push in the right direction…

pallid zephyr
#

I've never gotten casting a lovelace view to Google Nest Hub to work. Either the hub says "Custom element does not exist: grid-layout", or nothing at all happens. This works for others?

vast crane
pallid zephyr
ancient harness
#

Hey all, I'm using auto-entities to display my fan controls, but i just recently switched from a custom fan control to using the built-in tile with the help of layout-card.

Found on the auto-entities issues list: https://github.com/thomasloven/lovelace-auto-entities/issues/319#issuecomment-1353456168

This works, but the issue is that 70+% of the time the entities aren't showing up. They'll eventually show up if i refresh 2-5 times.

If I add the same auto-entities card setup, but using a glance card or the default entities card, it does show fine 100% of the time, although it's not what i want since it doesn't show fan controls.

So based on my findings, it's related to layout-card rendering somehow, but I'm not seeing anything to help resolve the issue.

Has anyone experienced this or know of a workaround? I have searched the issues list for both auto-entities and layout-card and not coming up with anything relatable

high karma
#

Hi all, does anybody know of a custom MAP card- that either can be filtered to a specific person/device OR will only show one person/device

#

trying to replace my familys need to use Apple's Find My - but the default MAP card within homeassistant is lacking in filtering etc

tribal galleon
fleet mountain
#

For some reason it tells me there is an indentation error. If i remove the spaces so the dash of line 75 (type: button) aligns with the dash of line 60 (square: false) there is no error anymore, but the button is not created in the grid, but under it. Can anyone see my mistake?

image.png
#

(sorry for the small text, had to zoom a bit to get it all)

dark dirge
#

That's why sharing text as images is discouraged...

fleet mountain
#

oh sorry

dark dirge
#

That's not readable at all

golden mistBOT
#

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

📎 message.txt
fleet mountain
#

I just figured it out!

#

i was indenting wrong at the first button!

solar venture
#

how can I change the color of this icon based on the state of another entity? {{ 'mdi:menu' if is_state(entity, 'off') else 'mdi:menu-open' }}

dark dirge
#

Depends on the card

plain pike
#

RobC boy do I have a joke to show you

verbal flame
mellow dune
#

Can i somehow Make the red and blue Air purifier Look Like one card with buttons? Like the cleaning Roboter ones.
The Roboter-card are special cards. For now I made the Air purifier ones with horizontal and vertical stack cards

Screenshot_20230729_232355.jpg
golden mistBOT
#

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

📎 message.txt
jaunty pivot
#

hit enter too fast 😦 ... How you I get load_1min_prcnt or fqdn for exemple to use in a bar-card for example . The sensor name is sensor.rpi-monitor-zigbee in this case

fleet agate
#

im trying to find card which transforms current entity list card of different devices entities into dropdown select per devices. Exmple: FROM "Device 1 cpu, device 1 gpu... device 2 cpu, device 2 gpu..." INTO "click on Device 1 and it shows only entities for that device"

fleet agate
#

just found it after 25 minutes of searching... i went with vertical stack for dropdown input and then state-switch based on input

verbal flame
cosmic remnant
#

I will never send my resume to someone with a hotmail address.. do better

mellow dune
#

And somehow the Background is darker. Can i Change this?
Sorry this is my First customisation of a card

verbal flame
prisma fog
#

I'm trying to get two way audio for Reolink doorbell to work but it stopped working for some reason with a web socket error, with no further explanation in the console, what could be the cause?

#

Frigate hass card

mellow dune
#

How can i Make the "Auto" & "sleep" & "manual" to Buttons Like above?

#

Thank you a Lot for your help🤗

verbal flame
#

i think custom:button-cards from hacs can do this

mellow dune
#

Will dig Into it when i am @pc . U May also know how i can Set a dimable light (shelly dimmer) to 1% ?

#

Like when i hold a Button then it is Set to 1%

verbal flame
#

button - tap action - call service - light: turn on - select light - select brightness

lofty jetty
#

Is it impossible to change the input sensor for a threshold sensor (helper) using the UI ?? I can create one, but then not seem to find where i change the input sensor.

mellow dune
bitter bolt
# 
<ha-icon icon="mdi:television"></ha-icon> Zidoo Z9X - {{ 
states('media_player.z9x') }}
<ha-icon icon="mdi:television"></ha-icon> Soundbar - {{ 
states('media_player.ht_a5000') }}```

how can i make this text line up? when i put spaces before the hyphen on any of the lines it doesn't put a space in the ui.
image.png
tribal galleon
tame sorrel
#

I assume I'm missing something obvious but how can I change the midi icon of a 'room_entity' (like a light)?

dark dirge
#

Room entity?

tame sorrel
#

It what they call the "sub icons on this ui card"

# 
      entity_1:
        entity_id: light.bathroom
        templates:
          - yellow_on
        tap_action:
          action: toggle

Like ideally I should be able to suply icon: mdi-lamp to this but that doesn't work

verbal flame
tame sorrel
#

Yeah mistype, adding icon in just doesn't seem to work

        entity_1:
          entity_id: light.strip
          icon: mdi:lamp
          templates:
            - yellow_on
          tap_action:
            action: toggle
#

Ideally I'd be able to have 2 mdi icons too like desk-lamp and desk-lamp-on when it's on, but I can't even figure out how to change the icon in the first place

tribal galleon
#

@tame sorrel If you weren't using a UI Minimalist card, changing the icon would be easy. But those cards are heavily templated and you have very little control to change it because everything is already defined within the template. You would have to make changes there. The easiest option for you would be to set the icon for the light.strip entity within the HA UI.

image.png
#

If you were using the regular custom:button-card, you could use style: options or something like yaml icon: | [[[ if (entity.state == "on") return 'mdi:desk-lamp-on'; if (entity.state == "off") return 'mdi:desk-lamp'; ]]]

feral rivet
tacit cave
#

the in stack card should do that. If not, you'll have to use cardmod on each mushroom card to remove the border.

lapis linden
#

Is possibel to add this card from Energy to other dahsboard: ?

image.png
vast crane
feral rivet
tacit cave
#

you're using custom:stack-in-card

#

that card should remove the boarders if i reember correctly

#

I personally only use cardmod for everything

#

and the code would probably not work for you because I don't use mushroom cards

#

and this is probably the closest example I have

style: |
  ha-card {
    box-shadow: none;
    background: none;
  }
#

which may remove the background

feral rivet
tacit cave
#

Then you'll have to figure out the cardmod yaml that solves the problem

#

also, make sure you have cardmod installed

feral rivet
#

yea, I got cardmod

tame sorrel
#

@feral rivet Can't speak for mushroom, but for minimalist I had those lines until I changed the theme

atomic glacier
mild gate
atomic glacier
#

@mild gateLOL...it changes every 45 seconds, so I never really pay attention 🫢

tacit cave
#

I'm the same way, I like a basic non-crazy background

tribal galleon
# feral rivet Thanks Petro, unfortunately that did not work for me.

Here's a bunch of card mod stuff that will work with the mushroom template card. ```yaml
card_mod:
style: |
:host {
--primary-text-color: red;
--secondary-text-color: red;
--ha-card-background: transparent;
--ha-card-border-width: 0;
text-align: center;
--card-primary-font-size: 26px !important;
--card-secondary-font-size: 18px !important;
font-family: 'Comfortaa';
}

tribal galleon
tribal galleon
feral rivet
zealous dew
#

I've got a strange issue with the frontend on mobile where this arrow appears which stops me opening the drawer menu
I don't think I have any frontend integrations but would appreciate assistance in working out what might be causing such a thing

quick bay
#

hello, not really having the time to make my own dashboard i'd like to use the one from the "Paradis Artificiels" video but as a beginner i can't find a tuto on how to install the same integration etc.
knowing that his dashboard is really a style that I like and that I really find in my "tastes".

quick bay
fiery ledge
tribal galleon
#

I have some code that will clean up your

signal sequoia
#

Hi all! This one had me flabbergasted - I have an issue where, when I open the official app, the UI opens up, shows basic numbers but graphs stay in “Loading state history…” view, and the whole app locks up, I cannot open the menu, cannot change the different dashboards in the UI etc. The weird thing is that the same thing happens if I open up the UI from any mobile browser, BUT everything works on desktop, and even in mobile browser but when desktop mode is on. This keeps on going for a couple of days then it suddenly works again. I haven’t been able to accurately pinpoint what makes it do that. I am on local network always. Any idea what might be the issue here? Screenshot attached

image.png
vast crane
fallen brook
#

Getting started with using the minimalist ui however I am running into an issue using !include when trying to include a view file its stopping me using the include tag but not sure why

image.png
zinc prairie
#

Is it possible to show the events of a calendar for another time? I can get the events with a service call (calendar.list_events), but no way to store that data.

zenith field
#

i have my apex chart destroyed and now is this dashboard where the apex chart is not reacting anymore ... how can i edit the dashboard code?

zenith field
#

solved!

jaunty pivot
#

hi, is it possible to get a sensor attribute directly in the entity of a card or I should create a template to get a new sensor ?

thorn granite
#

You can if you use a card which supports templates, like the markdown card or the template mushroom card. You can not put it in the entity field of card.

jaunty pivot
#

ok so go making a template 🙂

ripe breach
#

I have created a floor plan dashboard and all is working but there is a blue spinning wheel in the middle of the screen and I cannot work out why. It is only on the floorplan dashboard, not on any other dashboards or anywhere else in HA.

Any help is appreciated.

#

Sorted it. It was because one of the lamps was disconnected

solar venture
#

icon_color: |- {% if states('sensor.air_cucina_air_quality') == 'excellent' %} green {% elif states('sensor.air_cucina_air_quality') == 'good' %} yellow {% elif states('sensor.air_cucina_air_quality') == 'moderate' %} blue {% else %} red {% endif %} what is wrong with this? I dont get error, but it doesn't change the colors

fiery ledge
#

Core HA does not support icon_color. Where do you use this template ?

#

Most custom cards use JavaScript . You can use this Jinja template inside a card_mod config, but it would require another element to use it on.

solar venture
#

it is in a custom:mushroom-chips-card card, and I have another entity where I change the icon color with similar code

#

if I run the same code in dev tools -> template to test, it works correctly

azure canopy
#

@solar venture Templates only work in the mushroom template-card or mushroom template-chip

#

Not in an entity-chip

solar venture
#

yeah, I fixed useing a template instead of type entity

fiery ledge
#

Aarrghhh can’t find your code… what a horrific sharing service

IMG_2423.png
tribal galleon
plain pike
#

I don't see any of the ads but I use adblock as well

#

my pigeons thank me for it too

tribal galleon
#

I imagine ad blocking is built into IPoAC.

tribal galleon
#

You code looks right. You can use card mod for a Mushroom Entity Chip but I do not recommend it because in order to make it work, it messes with other chips...

image.png
#

Here's an example taken from one of my Mushroom Template Chip cards. ```yaml

  • type: template
    entity: binary_sensor.living_room_door_on_off
    content: '{{ states(entity) }}'
    icon: |
    {% set state = (states(entity)) %}
    {% if state == 'on' %} mdi:door-open
    {% elif state == 'off' %} mdi:door-closed
    {% else %} mdi:help
    {% endif %}
    icon_color: |
    {% set state = (states(entity)) %}
    {% if state == 'on' %} red
    {% elif state == 'off' %} green
    {% else %} yellow
    {% endif %}```
image.png
#

content can be easily replaced with yaml content: | {{ ((states(entity)) == 'on') | iif("open", "closed") }}or just remove the lines for no state.

tribal galleon
plain pike
coarse merlin
#

I am so confused. I am getting a message on the settings screen that says
System is currently unhealthy because setup failed to complete. There are a number of reasons this can occur, use the link to learn more and how to fix this.

Critical - 7/22/2023
When I click on the learn more button, it suggests that the problem might be a d-bus issue and I need to restart d-bus. There are no instructions on how one does that.
The other option was "If DBUS is not the problem, the first thing you should try is to restart the Supervisor."
--which I did. I still have the same error.

tribal galleon
# coarse merlin I am so confused. I am getting a message on the settings screen that says Syst...

I don't think this is the relevant room for that. I'm not even sure what DBUS is referring to but I don't think it is frontend related. D-Bus is how the Supervisor does most of the communication with the host, without this, multiple things that the Supervisor needs to do will fail. Your issue seem operating system related. Per https://www.home-assistant.io/more-info/unsupported/dbus/, it suggests rebooting Home Assistant (not to be confused with restarting). Otherwise, it suggests As a last resort, you need to reinstall the host running the Supervisor with one of the supported operating systems. You might consider posting your question in #installation-archived.

image.png
coarse merlin
dusky slate
#

I made a card where it’s all my smart home devices on my homes floor plan. For my thermostat, I use state-label instead to show temperature and humidity. However, I want to make it so that the colour of the text is different for when the air con or heater is on….is there a way to do that?

#
  • type: state-label
    entity: sensor.thermostat_temperature
    style:
    top: 55%
    left: 52%
    color: |-
    {% if status("climate.thermostat") == "cooling" %}
    blue
    {% elif hvac_action("climate.thermostat") == "heating" %}
    red
    {% else %}
    white
    {% endif %}
signal sequoia
opaque kiln
#

Hmm does custom:state-switch impose a limit on how many cards can be rendered on one view/screen? Ever since updating to 2023.7, I have had intermittent issues with cards in a custom:state-switch card not rendering. This is a view of what my view should look like:

Screenshot_20230802-070123.png
#

...and this is what it sometimes looks like. All the missing buttons are those cells in the grid that have custom:state-switch. The cards in each cell are a mix of custom:button-card and custom:slider-button-card.

Screenshot_20230802-070037.png
#

Force-refreshing will partially or fully restore all the cards.

fiery ledge
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.

errant plover
tacit cave
#

🤷‍♂️

#

browsers are assholes

#

every browser thinks they interpret drawing the proper way

#

and they are all wrong

#

(probably)

fickle patrol
#

https://p.topoffic.eu/chrome_DaVLRwwoNi.png
If I have the top banner with buttons that I want to use in all "subpages" but I only want to edit one template, not 4-5-6-7 depending on the number of my subviews
is this possible?

errant plover
thorn granite
fickle patrol
#

thanks! It sounds like something I want

cedar breach
#

What am I missing here?

https://pastebin.com/raw/g4DwVGJJ

I'd like to display it as following;

"x minuter sedan", instead it clears the text as soon as the sensor states off

feral rivet
#

hey guys is it possible to hide the "action_name:" in a entities button card?

image.png
#

I have another question, Is it possible to take the large code of a mushroom template card and place it in the Raw config editor and only reference it at the front end in the same way you would do with the custom:button card?

twilit abyss
#

So very strange thing happened.. I somehow have a zone that was created, not by me, named "StatZon1" that is right in the same location as my "Work" Zone..

#

I am trying to get iCloud3 addon/integration working and that's really the only thing I've done..

#

it says i can't edit it because my configuratoin.yaml has zones configured, which I do have this:
zone: !include zone.yaml

#

however, in my zone.yaml i have 3 entries defined and not one is that whacky named one

tacit cave
tacit cave
feral rivet
tacit cave
#

not much to it

feral rivet
tacit cave
#

you just put the fields that are the same in the decluttering template, then you call out that template when you want to use those fields that are the same

tacit cave
#

" "

feral rivet
tacit cave
#

Then you probabaly have to use something custom in that line

#

maybe a secondary info row or something similiar

feral rivet
tacit cave
#

don't use type button

feral rivet
tacit cave
#

I don't know if you can leave it blank, but there's other row types you can use, as well as custom row types

#

and even full on custom cards

foggy viper
tacit cave
#

that's just an image next to an entities card with a input_text that has a button on the footer

#

100% built in cards, nothing custom

foggy viper
#

ahh, ok I made an input_text entity using helpers, now how do you transfer the output of openai service responce to the entity_text?

tacit cave
#

with the generate button

#

it's most likely a script that uses templates to pull the state from the input_text

lofty remnant
#

Is it possible to extract this printing animation? I would like to create my printer widget.
Threedy addon

image.png
tacit cave
#

You could just recreate it

#

it looks like a 6 rounded boxes, so not that many SVG elements.

lofty remnant
#

How would I do it now.. I would like to use this printer animation for picture elements

tacit cave
#

You can create an animated icon, i'm sure there's online tools to do that.

#

then add the icon via the custom font awesome integration

#

or you can build the HTML directly into a card of your choice

pliant mural
#

How do I reference an image to put in a picture card? I uploaded the picture in the media folder and have tried - type: picture image: media/santa_fe_transparent_side.png and nearly every variation such as local/media. Could someone help me out?

plain pike
#

Files you put in your [config]/www folder are available at /local within the home assistant dashboard.
Example: [config]/www/pictures/myphoto.jpg would be at the path /local/pictures/myphoto.jpg

pliant mural
#

I uploaded it through the UI media upload. Does that put it directly into the www folder?

#

Also as another example, I have a doorbell noise stored in the same folder and when refrencing that, I use data: media_content_id: media-source://media_source/local/call-to-attention-123107.mp3 media_content_type: audio/mpeg but that path is not working in this case

plain pike
pliant mural
plain pike
#

well from the docs, you should be using the /www folder to serve pictures to the dashboard

#

so upload the pic to the www folder following my earlier example and it should work as expected

#

upload it to /www/pictures (for example)

- type: picture
    image: local/pictures/santa_fe_transparent_side.png

should work after that

idle patrol
#

How do I made this grid card not have the extra space at the bottom, without setting the cards to fill

#

I like the size the cards are but they have a bumper

pliant mural
plain pike
#

you got it working?

pliant mural
#

Yes, thank you!

plain pike
#

excellent.

crude shale
#

Hey, so, tryng to show a static image in my dashboard, saw the image entity, but can not figure out how to show it? IT's in a network share, already set to homeassistant and can see it in the multimedia, any ideias?

vast crane
#

I think you just use a picture card on the dashboard?

crude shale
#

Ok, but how i tell it what is the url? Can't use just the url of my home assistant,

#

lets say my image is in the my media/images/chart.png

#

it has a auth signature in int

#

int*

vast crane
plain pike
#

you can't host pictures from /media and expose then to the dashboard according to what I have read, you might wanna read the posts just above these for the user that was having similar issues

crude shale
#

Ook, that helps, thanks

plain pike
#

no worries

violet bluff
opaque kiln
idle patrol
random relic
#

Would it be possible for a dashboard to set browser zoom level? Some need 110% some a lot more, would be neat not having to manually adjust so much. Me redesigning them is an option too of course

sick lake
#

Can you edit a schedule helper from the mobile app or mobile browser? When i click "on" periods on my Android phone, they get deleted, but i can't add new ones

random relic
#

Would it be possible to use HTML instead of Yaml on one of the built-in cards? I need to set a heading for columns of cards...

tribal galleon
random relic
tribal galleon
# random relic Would it be possible to use HTML instead of Yaml on one of the built-in cards? I...

Take a look at the Markdown card. It is capable of HTML and with a little bit of work can handle inline JavaScript. @tame oriole made a table with entities, icons, and statuses with it. Probably a bit more than what you're trying to accomplish but gives an idea of how he got it working. #frontend-archived message He has some other posts in this room that shows some of the stuff the Markdown card can do.

random relic
tribal galleon
#

Yeah. It takes a little bit of fiddling with it to get it to work the desired way but works well when it does.

random relic
#

Hi again, I use this in a Markdown card, but can't really get it to do what I need. Should I try to convert to pure HTML instead, would that help? The issue I see is that the month on the 3rd row should be right-aligned. https://dpaste.org/ETEKM

#

I found no good way of doing that nicely...

#

Tried this now, but then all is left-aligned; <div align="left">It's <i><b>{{ states('sensor.pod') }}</b></i>-time </div> <div align="center">a <b> {{ states('weather.smhi_home') }} {{ now().strftime('%A') }}</b></div> <div align="right">in <b>{{ now().strftime('%B') }}</b></div>

#

and now this that should better correspond to the correct HTML syntax for <DIV> styles, but not working either (still left aligned); ```<div style="text-align: left">Left-aligned text</div>
<div style="text-align: center">Centered text</div>
<div style="text-align: right">Right-aligned text</div>

crisp zephyr
#

Hi, in the add-ons section the title of the add-on is clipped. the top half of text is invisible.
It's been like a month or two, i was expecting some update to maybe fix it bit it's still there. Any ideas?

image.png
#

i was am on 2023.7.3 and am heading to 2023.8.0 now with update. Hopefully it magically fixes it 🙂
i will upgrade to HAOS 10.4 after that

tribal galleon
crisp zephyr
#

My issue was due to the DARK REAdER browser plugin in firefox.
When it is enabled i see this error (there's 2 for Regular and Medium font):
“http://iha.website.com/static/fonts/roboto/Roboto-Regular.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly.

ps: http://iha.website.com is a changed name foranonimity, it'snot the real name of my domain. So don't stare blind on that name.

Do with it what you may.. i have disabled the plugin for my hostname and it's all good now!

cosmic remnant
crisp zephyr
#

yw. it's a pretty popular plugin tbh tons of people must have the problem or have had the problem.

cosmic remnant
#

Yea. I thought I had disabled it on my host. Since esphome has darkmode haven't needed it on my HA instinance really

random relic
random relic
#

I tried like this; https://dpaste.org/809fE. It centers it and does not place top and last row at the furthest apart... What am I missing please? I would like to make use of the whole width of the page. Thanks

tribal galleon
random relic
#

It looks like this;

image.png
#

I would like Left and Right at the very flanks

#

It almost feels like it's contained in one column...

random relic
buoyant hill
#

Hi! I would like to have a dashboard for my guests, where they can only control some entities (alarm...). I created a new dashboard with this, and thanks to browser mod I hide the side bar and header, so that they cannot access to other parts. However, if they add "?edit=1" to the url, they do have access to the edit page, where they can do whatever they want with any entity! How could I forbid access to this page for some users ? Thanks!

#

I know that it is not obvious for users to know how to access this page, but I guess that if someone wants to hack the system, he will find it anyway...

vital burrow
#

Users without admin permissions can indeed see the edit page and the settings of the cards. But they are not able to save changes.

buoyant hill
#

they cannot save changes, but they can test it through the edit page

#

for example, they can create a card with a button to disarm the alarm. On the preview card, they can click on it...and deactivate the alarm. Which is kind of not really secure...

icy patrol
#

Hello; anyone else have an issue where homebridge was not being discovered in HA?

#

i had to remove discovery from the config and now it seems like homebridge is not being discovered

vital burrow
buoyant hill
#

That's also the point. By editing, you can change the PIN... so even if a pin is set it is disarmable...
I will post an issue on that, thanks

#

And the alarm is only an example, but in the same vein, they can also open the door (connected lock) etc...

tacit cave
#

I'd urge you to not create a dashboard for them.

#

This has been a long standing feature request. I suggest you take the time to vote for it. Maybe someday in the future, security will be built into the UI like that.

random relic
#

It is of course way to simple to think one could create some "admin-only" dashboards and give guests access to dashbords only with content they should see? Just curious

tacit cave
#

the problem is that entities are entities and they don't have any user access control. So if you put the entity on an a dashboard, the user can edit the settings via more-info pages

#

HA has no concept of user access controls on a per entity basis, and it has a very loose user access system when it comes to dashboards. HA is not designed at all for users / admin control. Its designed for access at this point (to everything)

vital burrow
#

But they (non-admins) also can add additional entities to the dashboard (temporarily) by adding ?edit=1 to the URL.

vital burrow
#

I think, that's something that shouldn't happen

polar kelp
#

The can also control any entity or call any service freely if they have access to the broswer console.
Browser mod offers obfuscation, not protection.

marsh wyvern
#

I would like to make a card/camera feed that would show the last camera that had motion

#

so intead of always haveing to display all my cameras I can just have one card that would be showing the last camera with motion

random relic
buoyant hill
#

actually, it is possible to create a read-only user, but then, he cannot modify any entity

buoyant hill
tacit cave
#

you don't have the ability to assign read only yet to a user

buoyant hill
#

the read-only user does work. But I did not try on a per entity basis

#

yes you can for a user !

tacit cave
#

only HA can create read only users though...

#

please show me then

buoyant hill
#

open your .storage/auth file. Look for the user you want to be read-only.
then, in "group_ids" put "system-read-only" (instead of "system-users")

tacit cave
#

exactly, it's not available yet

#

as it says in the UI that it's a "work in progress"

buoyant hill
#

Not available via UI, but still works

tacit cave
#

modifying storage files is not something I'm going to walk people through

buoyant hill
#

ok I see what you mean

tacit cave
#

majority of people struggle with yaml, i don't dare attempt to teach them JSON

buoyant hill
#

true

#

Any idea if they are working on including this in UI ?

tacit cave
#

regardless, I didn't know this was in the software, I'll play around with that. So thank you

#

Not sure, this is the first I've seen it

buoyant hill
#

The problem is that then, the user cannot do anything. You can also create your own groups with specific permissions. I did not try this yet, but maybe I'll play around with that

tacit cave
#

Well, if the goal is to just allow them to turn things on or off, then it should be good enough, no?

#

unless you can't even do that

buoyant hill
#

yes, they can't even do that, that's my problem ^^ They can only see the states of entities

buoyant hill
tacit cave
#

well, at least there is building blocks for other auth permission structures, so mabye it will be added in the future

#

as it stands, it's very clear that the readonly user is for HA and it's autogenerated users

hushed agate
#

is there a reason for why any custom dashboard url must include a -

#

both lovelace and energy dont have that either

polar kelp
#

Namespace reservation? Avoids future breaking changes.

hushed agate
#

that seems a bit weird of a solution

#

like your sub dashboards may totally collide with each other and include / which breaks the ui completely in that location

#

but dashboards need a silly prefix

polar kelp
#

Then that's because you made it that way, not because Home Assistant 2025.11.0 added a default /bathroom/ dashboard.

hushed agate
#

no its in the ui displaying a warning message that i cannot have custom dashboards which do not include a - in their name

polar kelp
#

Yes. And that's because Home Assistant will never add a default dashboard that has a -, is what I'm saying. That way you're guaranteed that your custom dashboards will never be overwritten by a default one.

#

*is what I'm guessing

#

But if your custom sub dashboards collide with each other or include /, that's on you.

slate wraith
#

In apexcharts is there a way to offset the "span"? I have a sensor that is updated daily at noon, but the span naturally expects a midnight interval, so my chart isn't showing the right data

hushed agate
slate wraith
timid beacon
#

Anyone else notice that when selecting time ranges for history the graph now goes back as far as you selected rather than just back to the first recorded data point? Was this intentional?

vast crane
timid beacon
#

Oh that kinda makes sense

#

I guess historical sensors could go back further than your typical recorder duration?

vast crane
#

I'm not following

#

Are you saying you have hours_to_show = 9999 or something and you're just relying on the recorder duration to fix the window?

#

The usecase for the change was when you like create a new sensor and add it to a graph, the time ranges would be not aligned since the new sensor would have less history than established sensors

random relic
#

So is this really the best Lovelace can do? I need left to be left-aligned, center, well, centered, and right, you guessed it, right-aligned. But nothing I have tried seems to work. I use HTML in a Markdown card; #frontend-archived message

#

It shouldn't be so hard, should it? or could someone please show me where I go wrong? This is the HTML; https://dpaste.org/0d6Cw

tribal galleon
plain pike
#

you have an experimental page too ? 😄

#

I thought I was a weirdo for that one

dry veldt
#

I don't have the minimalist themes, they've disappeared :o

fresh cloak
#

do any of you know if I can make this with mushroom?

image.png
tribal galleon
# plain pike you have an experimental page too ? 😄

Actually, all of these views are experimental. This is from my "Lab" dashboard. I outgrew just having one page and needed to separate custom:button-cards and Mushroom examples. Then I wrapped each of the example with a vertical stack card with a title to make it easier to find examples.

plain pike
#

well my experiments are limited, having pigeons carry my packets manually is getting old

tribal galleon
#

perhaps one day you'll be able to upgrade to dial-up

plain pike
#

I've been trying to get a SIM for my LTE modem for 4 days

#

🤣😂

pulsar raptor
#

Hi folks. Does anyone know of a sensor/entity I can place in a Dashboard widget that will show either:

  1. The closest Zone to a Person or Device (like a phone);
  2. Whichever Zone a Person or Device was last in?
#

For example, I see this when I look at my Person entity. It shows "Home" in the bottom left there. I don't see how that's populated looking at the Attributes list below

image.png
tacit cave
#

you'd have to build that yourself using an automation or template sensor of some sort

#

easiest is an automation that does something when you leave an area, #automations-archived can help with thta

#

like store the area name in a input_text helper

pulsar raptor
#

Perfect, I'll check there. Thank you!

feral rivet
#

hey guys, how would I go about turning this large block of code into a decluttering card for easy management http://pastie.org/p/5aOQm7q2H7yQJdjjo5dkbI. I have looked over the guide , but the example only have a single entity and icon, so I am not sure where to go from there with this.

random relic
random relic
#

Just one thing left I don't understand... The center value is offset by 2 thirds to the right... Looks like this;

image.png
#

this is the value for "center"; a <b> {{ states('weather.smhi_home') }} {{ now().strftime('%A') }},</b>

#

In Jinja you can use "-" to trim spaces, is this what is going on here as well?

#

Actually, adding a "-" to the first brackets made it a little bit better, but still not centered... Can it be persuaded to center correctly?

random relic
#

Got it! I did indeed need "{{-" and "-}}" in the start and end of the lines for it to correctly align. With it, the red line is between the "ou" in cloudy now. May perhaps help someone else too

tribal galleon
# feral rivet hey guys, how would I go about turning this large block of code into a declutter...

I've only briefly looked over using the decluttering card (it's on my list of stuff to incorporate one of these days). But, my understanding is you define all your variables such as entity_1, entity_2, etc. Then for the card you would define the "outer" card and the outer card will contain all the "inner" cards. Then you'll place the corresponding variables in their appropriate locations. It should just be a matter of ensuring your yaml indention is correct. So something like: yaml type: custom:decluttering-card variables: entity_1: lock.garage_laundry_door_lock_door_lock entity_2: sensor.garage_laundry_door_lock_battery card: type: custom:stack-in-card cards: - type: custom:mushroom-template-card primary: Laundry Door(This may not be completely accurate. It's just what I pulled off the top of my head and looking at your pasted code.)

tribal galleon
#

Also, you might considering defining variables in your code to shorten its length since you have long entity names. It might make it easier to read: yaml secondary: >- {% set lock = states('lock.garage_laundry_door_lock_door_lock') %} {% set door = states('binary_sensor.lumi_lumi_sensor_magnet_aq2_opening_2') %} {% if is_state(lock,'unlocked') and is_state(door,'on') %} Open and Unlocked {% elif is_state(door,'on') %} Door OpenThis wll also cut down on how many times you have to plug in the {{ entity_1 }} variables from the decluttering card's settings.

#

I also like a bit more meaningful variable names, so instead of bl I used battery_level back when I used that same bit of code. 😉

feral rivet
# tribal galleon Also, you might considering defining variables in your code to shorten its lengt...

hey @tribal galleon thanks for coming to the rescue again. I took the edit you made and added the remaining states for the door and lock secondary: >- {% set lock = states('lock.garage_laundry_door_lock_door_lock') %} {% set door = states('binary_sensor.lumi_lumi_sensor_magnet_aq2_opening_2') %} {% if is_state(lock,'unlocked') and is_state(door,'on') %} Open and Unlocked {% elif is_state(door,'on') %} Door Open {% elif is_state(lock,'unlocked') and is_state(door,'off') %} Closed and Unlocked {% elif is_state(lock,'locked') and is_state(door,'off') %} Closed and Locked my question is do I not need the {% endif%} at the end of the template and can I use this same format for my icons template?

feral rivet
marble falcon
#

Getting this strange error and I can't see my top navigation bar: http://192.168.67.180:8123/frontend_latest/53261-zuUY3-ujovs.js:2:40180 TypeError: undefined is not an object (evaluating 'this._viewCache[e]')

tacit cave
#

try clearing cache and reloading the page, otherwise open dev tools and try to find the resulting card that's causing the problem

marble falcon
#

That was the first thing I tried. Where in dev tools am I looking?

#

Oh you're saying chrome dev tools, not HA

#

Yeah I've been combing through it, but haven't found a smoking gun yet. I suppose I'll keep searching

#

Lots of this over and over

image.png
tacit cave
#

with that page open, clear your cache and refresh the page

#

it should show you when it starts

marble falcon
#

No, nothing about a point of origin

tacit cave
#

so when you keep F12 open, you do not see anything in the logs above that line?

#

after you CTRL+F5 with F12 open

marble falcon
#

I shall show you

#

Maybe permissions on something?

#

It's a fresh install

#

Never seen anything like that happen before

tacit cave
#

it seems like it's a browser extension conflict

marble falcon
#

No I've had that for years

tacit cave
#

so it must be HA then

#

that was sarcasm.

#

try removing the extension

marble falcon
#

I did, no change.

tacit cave
#

Then try a fresh install as somethings not right and you can't really fix anything in the frontend

#

make sure you don't have any custom cards

marble falcon
#

I removed the one custom card I had

#

Weird, this works in the docker container install

#

But not OS

#

Both identical fresh installs

#

What's really strange is I have the exact same errors on a working install, but I can see the navigation bar there. I give up.

tacit cave
#

you could write up an issue, but you don't really have much information to go off of

tribal galleon
#

Also, the decluttering card's variables don't have to be just entities. You can establish icons or colors or names or whatever.

hushed agate
#

is there a way to have a gauge card not go into panic mode when the entity is unavailable but still display like either the last value or some default stuff

vast crane
#

your best option is to make a template that doesn't go unavailable in that case. but as for default gauge functionality, no there isn't anything

hushed agate
#

sadness, i hoped not having to add a ton of templates
well guess i need to figure something else out then 🙂

plain pike
#

is there a way to use an input number and input select together? I'm trying to input a number and select which month it's for in my manual electricity meter setup

vast crane
#

you want them to be tied together or something? not exactly following what is the goal

plain pike
#

yes I'd like to manually input the usage for the month because since I have to do it manually anyway for now, I want to be able to fill in all the months that have passed for the year so far as well

#

I'm basically trying to catch my power company lying on the bills because they don't actually read the meters and estimate them

vast crane
#

ok so you want to have like 12 values stored somewhere, but only a single number entity to interact with them? seems tricky

hushed agate
#

sounds like you should sue

plain pike
#

have to have the data first

#

😉

#

the last time I caught them they had to credit me $8000 and it seems they are up to their old shit again

dark dirge
#

That...is a lot of power

plain pike
#

well yeah they estimated the bill over by about 30% every month for like 3 years

#

so then I asked them to explain how the 'meter reading' on the bill doesn't yet match the actual meter

#

so I stopped paying the bill and they had to credit me

hushed agate
#

wtf

plain pike
#

common practice

#

buuuuuut I just found out I may be able to read my meter with an SDR dongle...

marble falcon
tacit cave
#

Odd

marble falcon
#

Right? There must be some reason it's happening and a way to turn it off

marsh wyvern
#

I would like to make a card/camera feed that would show the last camera that had motion

So instead of always having to display all my cameras I can just have one card that would be showing the last camera with motion

Pleaes DO @/mention me if your able to help. 🙂

verbal flame
topaz gust
#

what kind of card is this?

#

sorry for the poor quality

mellow dune
#

why doe this get ripped apart:

#

it is the calendar widger

#

usually it is more compact, but somehow sometimes it looks like this

#

as it should be

image.png
left sentinel
#

So you’re missing the colored dots? And the font seems to be a default instead of the good one.

#

Looks like a partial load to me.

mellow dune
#

this happens on mobile and pc

marble falcon
# tacit cave Odd

Occam's razor... I don't know how, but every single one of my tabs was set to be hidden for my user

vast crane
shut pollen
#

is this i openweathermap or home assistant problem? after recent updates its not showing picutres/statuses etc

IMG_3339.png
vast crane
#

cleared cache?

tacit cave
marble falcon
#

Yeah. Not sure how that got triggered.

woven kelp
#

anybody able to try and help me? a lot of hacs lovelace components will download fine but i cant use them. not via the gui nor via the custom card with yaml

#

like 1 out of 9 works

#

right now i am trying to get 'simple clock card' to work

woven kelp
#

so i figured it out

#

in all the example code on the component githubs there is a ' - ' infront of the card type

#

removing that solved all my issues

#

whoops

random relic
#

Setting default dashboard works bad for me. It resets back to "Overview". Supposedly when an update is applied. Has anyone else seen this?

vapid field
#

Hello. I'm trying to make custom card for dishwasher. I'm quite new to UI and can't find any documentation about styling.
I made grid and placed 2 "custom:button-card" there, but they are appeared to the left of their grid cells

image.png
#

How can I make them in the center of cells?

wet pond
#

I sow on youtube HomeAutomationGuy some card that has a few buttons in upper part that, when pressed reference an entity in the lower part of the card

#

so basically 3 climate buttons that wen pressed reference in lower part of the card each climate that you can set

#

anyone can help me do that?

vital burrow
#

It would help, if you could reference the specific video.

wet pond
#

not sure if it's a card or if is doing sub-view thing

vital burrow
#

Do you mean the ones with the rising sun picture?

wet pond
#

I don't think it works

#

he used sub-views i think

#

it would be cool if we had a card that will change dynamic based on some button press

vital burrow
#

If you mean those rising sun things - those are from the heatmiser app, not HA

wet pond
#

not that one

velvet minnow
#

How can i make the default (overview) dashboard YAML controlled?

random relic
#

Hi guys. I'm losing agains the Markdown... 😦 It works sometimes. There is some hidden offset that multiplies with screen width it seems. It looks good when browser window is narrow;

image.png
#

but as soon as i widen the window, it acts up, and then looks like this;

image.png
#

Why and what can I do please?

tribal galleon
#

I didn't notice it act like that when I made my mock-up. Resizing screen seem to work fine. (I added a bit more just playing around with it.)

image.png
random relic
#

No, you are correct, the mockup you made stays fine. But a more "complex" string does not, like this <b>{{- states('weather.smhi_home') }} {{ now().strftime('%A') -}}</b

#

Using firefox if that can have anything to do with it...

tribal galleon
#

Watched it center fine here too on FF.

image.png
# 
<table width="100%" style="margin: 0px">
  <tr>
    <td align="left"><font color="red"><ha-icon icon="mdi:format-align-left"></ha-icon>left</td>
    <td align="center"><font color="white"><ha-icon icon="mdi:format-align-center"></ha-icon><b>{{- states('weather.home') }} {{ now().strftime('%A') -}}</b></td>
    <td align="right"><font color="blue"><ha-icon icon="mdi:format-align-right"></ha-icon>right</td>
  </tr>
</table>```
#

Each row has its own <tr> </tr> section.

random relic
#

Odd. I copy/pasted that code and get this still;

image.png
#

the top one is the mockup from yesterday, and stays centered

#

The complete thing seems to perform better, thanks, will replace text and see

#

Well, the stack keeps centered, but the whole middle stack is still offset...

#

Looks like this with your code and my strings;

image.png
#

Oh well. Thanks for your help, and liked the coloring and icons too, that gave me some ideas as well.

tribal galleon
#

Where is the comma located in your example? Wonder if you have some beginning or trailing spaces for that line. Removed the - and - from the JS but it did not make any change.

raw laurel
#

Has anyone used / know if we can use the add_item service to add multiple items to the shopping list? Trying to bring a list from Grocy into the HA shopping list

dark dirge
#

Doesn't appear so. But I believe that it stores the shopping list in a JSON file in your config directory, so you may be able to edit that directly

hexed lantern
#

I have a questions for my own theme. What Color Name is this Search Text

image0.jpg
hexed lantern
#

In the source code the field is called mdc-text-field__input but I can't find the color code name to change the background or font color.

polar kelp
#

Try input-ink-color

hexed lantern
#

ok i have it found
input-ink-color:

#

oh yes ... i have it found too

woven kelp
#

does anybody know of a mediaplayer card that had a player selection menu?

i want 1 card for my media and be able to pick a player on the dashboard

vast crane
woven kelp
#

i have 3 google devices that i use for listening to music

i want to create a single media player card in which i can select an output device

#

the PR is for input selection

vast crane
#

ah right, I was thinking of source selection, my bad

woven kelp
#

np

hexed lantern
polar kelp
#

The code window?

#

code-editor-background-color or input-fill-color perhaps.

hexed lantern
#

i have found it
mdc-theme-surface
Thanks Thomas

formal onyx
#

Hi, I am trying to assign devices to rooms and noticed this toggle and cannot seem to find documentation explaining what it means. This is a Philips Hue bulb (connected to Philips Hue bridge). Thanks in advance.

image.png
vast crane
#

I guess if it is true this entity inherits its area from the parent device. If it is false you can pick your own area for the entity which may not be the same area as the device.

formal onyx
#

I assumed that to be the case. Let me ask this: If I leave it toggled on and custom assign an area, will the parent device eventually override my manually assigned room?

vast crane
#

I thought you can't assign an area if it is toggled on.

#

The dropdown disappears.

formal onyx
#

You're right. This makes sense now. Thank you sir.

lofty remnant
#

How can I put text in picture elements that I can color?

twilit obsidian
#

Hello I was told to ask here, how can i create a subview that makes entities only visible in certain state, such as door sensors only appear if they are open only, or lights if they are on only

split granite
feral fox
#

Hi all, does anyone know how to reuse layout yaml code across different views without having to copy and past the full (in my case 39 lines) code? Ideally this would be because i have a set layout that i want to use across all views and if i make a change i don't want to have to amend this code across all layouts

tribal galleon
feral fox
feral fox
zenith field
#

how is it possible to make a diagram bigger? to fit the screen

high karma
#

ten points to whoever can tell me why this cardmod styling isn't working

tacit cave
#

ten points if you post your code as text instead of images

high karma
#

😅 I did try but Discord formatting makes it even more unreadable than a screenshot

#

All sorted now though

polar kelp
#

Take cover. I'm going to try a bot command

#

~code

#

~share

#

.code

#

The bot hates me.

golden mistBOT
#

To format your text as code, enter three backticks on the first line, press Shift+Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks.
```yaml
example: here
```
Don't forget you can edit your post rather than repeatedly posting the same thing.

polar kelp
#

AHA!

#

I'd guess you were missing a semicolon, by the way.

plain pike
tribal galleon
#

Does that code need to be indented under :host {?

tacit cave
#

technically speaking? No

#

the field starts at style: everything under it is a string

#

as long as the information after style: | or style: > is indented 2 spaces, it'll be fine

vague vault
#

Hi , is there a card where i can starte something (Pump, Light or something else) for a time that i can put in , if i let 00:00:00 it will not end to any time, if i type a time the actor will work for this time ?

raw stream
lofty remnant
#

How can I put text in picture elements that I can color?

high karma
# 
  - type: entities
    entities:
      - entity: sensor.sensor_climate_home_status
        icon: |
              {% if is_state(config.entity, 'Home') %}
                    mdi:home
              {% else %}
                    mdi:home-export-outline
              {% endif %}
        name: Climate Geofencing
        secondary_info: last-changed
#

anybody got any ideas what i've done wrong here with the icon? no errors, but no icon loading

dark dirge
#

That card doesn't support templates

#

That's why the docs say 'string'

high karma
#

ah

#

ty

high karma
#

Anybody know which card type this is ?

image.png
dark dirge
high karma
#

Perfect, thankyou

tribal galleon
# high karma ``` - type: entities entities: - entity: sensor.sensor_climate_home_...

Like RobC mentioned, that card doesn't support templates. But... you can use card mod. https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744
Here's an example that I have ```yaml

  • entity: light.hallway
    name: Entity card using one state
    card_mod:
    style: |-
    :host {
    {% if is_state(config.entity, 'off') %}
    --card-mod-icon: mdi:light-switch-off;
    --card-mod-icon-color: red;
    {% else %}
    --card-mod-icon: mdi:light-switch;
    --card-mod-icon-color: green;
    {% endif %}
    }```
image.png
warm kraken
#

So I'm looking to make this font smaller, dunno why I can't figure it out....

Screenshot_20230807_205156_Home_Assistant.jpg
#

square: true
type: grid
cards:

  • type: custom:mushroom-entity-card
    entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_opening_7
    icon: mdi:door
    layout: vertical
    name: Front Door
    fill_container: false
    card_mod:
    style: |
    ha-card {
    font-size: 1rem !important;
    background: rgba(0,0,0,0);
    margin-top: .5rem;
#

Sorry that code formatting sucks

dark dirge
#

Yep

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.

warm kraken
#

Changing that number next to font size does not change the font size

crude violet
# warm kraken

Yes, that is correct, in the mushroom cards there is a $ (a hidden node) which you must style, as it has its own styles that are unaffected by the ha-card styles. Annoying.

Related:

warm kraken
tribal galleon
#

@warm kraken ```yaml

  • type: custom:mushroom-entity-card
    entity: person.derek
    layout: vertical
    icon: mdi:check
    card_mod:
    style: |
    :host {
    --mush-icon-size: 60px;
    --card-primary-font-size: 30px !important;
    --card-secondary-font-size: 10px !important;
    }
    mushroom-shape-icon {
    --shape-color: red !important;
    --shape-color-disabled: none !important;}
    }```
image.png
#

Stringztoo 5562 ```yaml

warm kraken
#

I'll try this at the bottom of the hour

hexed lantern
#

My theme is almost finished. I'm still missing a color, which I can not find or the color code, where I thought that this is correct, just does not work

image.png
#

This "yellow" active icon left side

#

paper-item-icon-active-color: unfortunately does not work

#

paper-item-icon-color: for not active icon is OK, why

mortal meteor
#

anyone knows if it's possible to get some other data when clicked on badge in lovelace instead of entity info?

#

attribute of that entity for instance?

#

for instance if you have binary_sensor badge and you click on it, can it shows certain attribute of that binary sensor?

#

(if it exists ofc) 🙂

hoary agate
#

I need some help with my shutter-card configuration in Lovelace UI.
I want to add conditions to the card, where f.i. sun is above the horizon, the window is closed, the sun strength is above a specific value and the wind speed is below a value.
The problem is that the shutter-card does not support conditions. And I contacted the maker of this card, but he never answered to my request for an addition... A pity.
So I was thinking, would it be possible to disable the buttons on the card based on the conditions I mentioned ?
Perhaps using Card-mod to change something in the shutter-card.js script... But I have no idea how to do this.
BTW, I created templates sensors for these conditions. Is there anyone who could help me with this?
This is the normal shutter-card config:

#

But that does not work. BTW, .sc-shutter-buttons coms out of the shutter-card.js.

mild gate
#

I have a 1080p monitor runing on a wall as a kiosk. Works great for my dashbarods, but Energy is unusable, I only get the top graph. Is there any way to get it to render to fit the screen?

vast crane
#

You mean you have to scroll to see the other graphs?

#

All the cards from Energy are placeable on a custom dashboard, so if that one doesn't work you can construct your own layout with grid cards and stacks and such. But no it doesn't generally have any options.

zenith field
#

need help with apexcard

#

how is it possible to display the change over a day ?

#

for example costs of exported energy

#

with the statistics card it works fine ... when i try it with apexcard it doesnt work

mild gate
zenith field
#

ChatGpt solved my question!

dark dirge
#

Sometimes you can guess a random number

pulsar raptor
#

Hi folks. I have a Gauge on my dashboard for monitoring a temperature sensor, and I was just thinking it would be cool if the min/max values would dynamically update when the sensor records a new low or high temperature. Does anyone know if this is possible?

vast crane
#

Not with the default cards. Maybe with a custom card.

pulsar raptor
#

Might be a good excuse to try making my own. Maybe fork off the existing Gauge card and have it take in a Temperature entity

wintry star
#

Question, i made a merged power sensor from 2 solar power converters. I gave it a unit of measurement and the graph looks like this:

image.png
#

Is there anyway to make it more sleak?

#

it updates so often and makes the graph more like blob

vast crane
#

I would consider a statistics graph instead. it'll give you a nice average trend with min-max bands.

#

or if not that, then just add a helper that averages/smooths the data

wintry star
#

Well my merged power sensor doesnt have statistics

#

What if i add sensor:

  • platform: statistics
    entity_id: sensor.merged_power
    name: merged_power_statistics
    sampling_size: 600
    max_age:
    minutes: 10080
#

never tried to make statistics haha

vast crane
#

Well my merged power sensor doesnt have statistics

It should happen automatically so long as it has the right settings. How did you create this sensor?

wintry star
# vast crane > Well my merged power sensor doesnt have statistics It should happen automatic...
  • platform: template
    sensors:
    inverted_power:
    friendly_name: "inverted power"
    value_template: "{{- states('sensor.smart_meter_electric_consumption_w') | float * -1 }}"
    unit_of_measurement: "W"
    merged_power:
    friendly_name: "Merged Power"
    value_template: "{{ states('sensor.inverted_power') | float + states('sensor.shellyplug_s_3ce90ed7f285_power') | float }}"
    unit_of_measurement: "W"
#

This is how i made it

#

Shelly plug has 2 solar panels on it (plug and play) but ofcourse shows as minus power

#

so i inverted it and merges it with my inverter that has the solar panels from the roof of my house

vast crane
#

I think that's a legacy template, you might need to use the new template format. I think it needs a state_class: measurement to be recorded in LTS.

wintry star
#

Oke thanks, im gonna look into that!

chilly relic
#

So I’m working on a project the browser in the device im using won’t allow you to click a button unless it has an html link associated. I tested a link that doesn’t go anywhere and it works. Like <a href="javascript:void(0)">. Is there a way I can make the home assistant buttons have a html like this also. A lot of JavaScript sites use this method.

digital valley
#

Trying to create a static sidebar like this that shows on each view as you switch between views, any way I can duplicate this for each page. Also any way to pin it to the left so it is 1/3rd and 2/3 is left of page content?

image.png
plain pike
#

the finance tab is interesting tho

#

🤪

pulsar shore
#

if you answer or need more info please ping me 🙂

#

So i m still having the issue that the home assistant web or app takes 10 secs to load then it starts loading the dasboard or data and it gets fast but everything before that is slow af. Is there a way to fix this? I m not seeing any cpu increase aswell or memory or ssd use

image-181.png image-105_edit_1639745537718544.png
golden mistBOT
#

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

📎 message.txt
wicked drum
#

Hi! I'm having an issue with a mushroom card. 75% of the time it displays like this (Image: Good). But sometimes it gets displayed like this (Image: Bad). When I look into developer tools on Chrome I can see several errors when the card is not being displayed correctly.

tribal galleon
mint skiff
#

I have a button related question.
I have built a dashboard with mushroom cards.
On the first page I have cards that represent rooms, there I can short press to navigate to that page and long press to toggle. But it will not toggle switches or a lights that acts like a simple relay or switch.?

tacit cave
#

if your switch/light does not report a state, toggle will not work on that entity

thorn granite
#

I currently use Lovelace in GUI mode, I suspect from this comment "You can use seperate dashboards. One for yaml mode, one for UI edit mode." on https://community.home-assistant.io/t/lovelace-ui-vs-yaml-can-i-use-them-both/253817/7 that I can use both, but can not work out if I need to do something to enable both options. Can someone point me in the right direction please. Ideally I would move my stable(ish) dashboards to Yaml so I can use the decluttering card and still be able to create new ones in the GUI. I have 12 dashboards all in the GUI which interlink as there is one for each room, so there is a lot of repeated code.

tacit cave
#

You just want a yaml only ui and a ui ui?

thorn granite
#

Yes, ideally so some dashboards would be in Yaml and stored in Config and edited that way and others would be GUI and stored in the lovelace json.

#

I just don't want to lose all my current dashboard while building the new ones.

tacit cave
#

is your main dashboard yaml or ui?

thorn granite
#

Currently IU

tacit cave
#

Hmm, if it doesn't generate a yaml configuration, you might have to manually convert it

#

meaning, open each view as yaml and copy/paste it into a file

#

if you want to keep that as UI with an additional yaml only one, just add a yaml only dashboard

#

just keep in mind that you'll have to move your resources over to yaml

thorn granite
#

, just add a yaml only dashboard. - Hint as to how?

vast crane
#

its all explained there, just have to add a bit to your configuration.yaml. it won't mess up your existing ones

thorn granite
#

Ok thanks I will see if I can work through that after making a full backup

vast crane
#

just follow this last bit:

You can also add YAML dashboards when your main dashboard is UI configured:

thorn mulch
#

in picture-elements state label "prefix" how do i add a "empty space" between the prefix and the "state"

tight scarab
#

Is there a way to make lovelace-auto-entities work with custom cards? Trying to use it with mushroom-light-card and it seems to break.

thorn granite
thorn granite
tight scarab
# 
card:
  type: custom:mushroom-light-card
  layout: horizontal
filter:
  include:
    - domain: light
      state: 'on'
    - domain: fan
      state: 'on'
show_empty: false
type: custom:auto-entities
#

The only error I can see in the UI is on the card tab, At path: entities -- expected a value of type 'never' but received: ''

#

Lovelace just has a blank card though. If I switch card type to entities instead, I get output

#

I'm guessing it has something to do with the fact that entities is a list while mushroom-light-card is an individual entity. (I removed the fan domain too, since that's obviously not a light.)

thorn mulch
dusty bolt
#

How do I set the main dashboard for all users?

tacit cave
#

That's overview

#

otherwise you can't

thorn granite
tight scarab
#

Thanks, got it. ❤️

atomic glacier
#

@polar kelp I finally jumped off the bridge and loaded up BM 2.0+, I know I have my work cut out, but at a quick search I didn't find the services for browser_mod.blackout & browser_mod.no_blackout...did I miss it or just a bit more reworking the YAML here 🤔 (looks awesome so far, so a very belated congratz 🥳 )

mint skiff
tacit cave
#

I don't use the light card, but I would assume that's what it's designed for

polar kelp
atomic glacier
#

Ah...NP, thank you! smart

safe osprey
#

Hey all. What's the best way to make instantly responsive dashboard buttons? I have a few devices like AC etc that take a while to turn on and have that state reflected, but I want buttons in my dashboard that immediately show a change when tapped so the user knows it's gone through.

At the moment I have a series of helper entities and automations to tie them to the actual devices, then I use the Mushroom Entity card pointing at the helper entity in the dashboard. But maybe there's a better way?

tacit cave
#

Template entities that are tied to helper entities

tight scarab
#

I, too, would like to learn this magic.

safe osprey
tacit cave
drifting horizon
#

Does the mushroom cover card have a confirmation option?

#

I know entity and custom cards do though seems to be undocumented.

stiff cipher
#

does anyone know how to make a webpage card span the full height of the window?

image.png
atomic glacier
polar kelp
#

Everyone does

#

Home Assistant stole the Device name, so I had to change everything to Browser to avoid confusion.

#

** Why doesn't ANYTHING that used to work with Browser Mod 1.0 work with Browser Mod 2.0?**
Browser Mod 2.0 has been rewritten ENTIRELY from the ground up. This allows it to be more stable and less resource intensive. At the same time I took the opportunity to rename a lot of things in ways that are more consistent with Home Assistant nomenclature.

In short, things are hopefully much easier now for new users of Browser Mod at the unfortunate cost of a one-time inconvenience for veteran expert users such as yourself.

nocturne aspen
#

then its spread over the screen

errant plover
#

When editing a view, set the view type to "Panel (one card)".

wanton apex
#

Hi! I installed HA on the app via a vpn tunnel. works fine, but when I leave the app on a page/space the “back” button no longer works. the solution is then to remove the vpn tunnel url and add it again. this is of course not workable... does anyone know a solution for this? it has been tested with different phones. all of them have these problems. and everywhere it works again when adding the vpn server tunnel again.

pulsar shore
#

Whats a good graphd card that can do a lot that the plotly one can but does not have the footprint? Xd

#

Apexcharts just doesnt do it sadly

errant plover
#

Mini-graph card? What do you mean by "footprint"?

chrome bane
#

Q: is there nothing built into HA so that it shows a serial number or some kind of unique identifier (from the device itself, not something that was assigned by HA) in this box?

vital burrow
#

There is a way... it is just not user friendly. You can go to dotsvertical and Download Shelly diagnostics. You will get a JSON text file in which you can search for the unique_id, which is the same as the Device ID in the Shelly UI.

chrome bane
#

I see, weird that they don't just include that in this box. only takes up one line and seems pretty important

vital burrow
#

You can place a feature request in the HA forum

chrome bane
#

done

#

also: are "Integration entry names" different from device names?

vital burrow
#

What do you mean by that?

wanton apex
#

I have 4 cameras connected via rtsp. The cameras all have the same settings, just like HA's settings. Still 1 camera is always reloaded, does anyone have an idea what this could be?

vital burrow
wanton apex
tribal galleon
#

@chrome bane It probably depends on the integration. Here, ZHA shows the device's IEEE (which is what I have to use in Node-RED for automations).

image.png
solar spruce
#

Hi everyone! I have some very weird issue with media on my wallpanel. I am using fully kiosk. I made it so when a timer finished, it launches an automation to play an alarm. This works. But also to show a popup with a button to dismiss the alarm and stop the playback. When I press the dismiss button it tells me "failed to call service media_player/turn_off. connection lost" What could there possibly be?

Earlier I tried to set up another button (using custom button card) to play a sound on the tablet when pushed - I got the same error message - but the same YAML code for a regular button worked fine. This is so weird.... any help would be appreciated!

#

Could there be a problem with browser mod? or fully kiosk? is there something I need to configure for it to work?

plain pike
#

well you've said 'wallpanel' 'fully kiosk' and browser mod

#

wallpanel is an app on it's own, so is fully kiosk browser

solar spruce
#

sorry, yes - fully kiosk

#

I call my tablet on the wall a wallpanel

plain pike
#

well I have 'wallpanel' running on a phone on my wall

#

that's why I asked

tranquil token
#

I've been playing around trying to make a rotary scene selector to mimic one of the zigbee dimmers/volume control devices. I am curious if somebody else has found a better way. The best I could find seems to be to use a Template Light to create a virtual light for a Light Card.

Instead of calling the scenes from the Template Light, I set up a helper (input_select.sceneselect) with options 0 - 4 and call the scenes when the input_selector changes.

I am pretty sure there are better ways to make a rotary scene selector, so:

  1. How would you have done it?
  2. Is there a way to get the light card to look more like a rotary dial? You can see in the pics what the aim is.
grim beacon
#

I use browser mod, which is an awesome addon, on my wall-mounted tablet to hide the top/header bar. This is fine for 98% of my use cases. However, sometimes I would like to access another view/tab. Is there way to add a button to the dashboard where the visibility of the top/header bar can be toggled on/off?

#

As far as I have seen, the header bar can only be enabled or disabled via the frontend. but not via an entity.

tribal galleon
grim beacon
tribal galleon
# grim beacon Thanks, I will try.

Another option to consider is "hiding" the navigation buttons. For example, these are some of the main buttons shown on my bedroom tablet. Pressing&holding the Living Room button will take me to the Living Room view, while pressing the button will toggle the Living Room Group. yaml hold_action: action: navigate navigation_path: /fire-main/living-room

image.png
grim beacon
cold notch
#

Is there a widget/card for showing currently running automations?

tribal galleon
#

@cold notch I can't say if there is a way to show if they're running; they usually run so quickly that you wouldn't see anything via the frontend (unless there is a delay in it). If you're wondering about showing automations that are enabled, I use input_boolean helpers with my automations to enable/disable them and a custom:auto-entities card to easily toggle them. yaml filter: include: - entity_id: input_boolean.automation* domain: input_boolean

image.png
solar spruce
#

Posting here again as issue is not solved:

Hi everyone! I have some very weird issue with media on my wall mounted tablet. I am using fully kiosk. I made it so when a timer finished, it launches an automation to play an alarm. This works. But also to show a popup with a button to dismiss the alarm and stop the playback. When I press the dismiss button it tells me "failed to call service media_player/turn_off. connection lost" What could there possibly be?

Earlier I tried to set up another button (using custom button card) to play a sound on the tablet when pressed - I got the same error message - but the same YAML code for a regular button worked fine. This is so weird.... any help would be appreciated!
Could there be a problem with browser mod? or fully kiosk? is there something I need to configure for it to work?

grim beacon
terse schooner
#

Is there any work being done to fix the HA login page to be compatible with 1Password?

vast crane
terse schooner
sonic timber
#

Is it possible to hide/filter/conditional cards, based on the user accessing the view? For my specific case, I don't want my roommate to have access to controls in my room.

Not ideal, but my workaround is to make 2 nearly identical default views, one with controls to my room, one without. Then set visibility accordingly. When I add a new card, I need to make sure I add it correctly to both views. I'm fairly new here, so I am changing things often.

worthy tapir
#

I would like to chart attributes of entities like my thermostat. HA can show me a chart when I click on my thermostat in the device page, that shows a mix of sensors and attributes of entities. For example the current temperature is a sensor.t6_current_temp, but the target temperature is an attribute of climate.t6

#

I recently worked around this with my air purifier by creating my own sensor for one of it's attributes, but is that even necessary since some how HA is natively displaying these data points together on a graph already? How can I achieve the same thing without creating new sensors manually to capture the attribute values?

vast crane
#

The fact that a graph for a thermostat (a climate entity) contains some attributes is special behavior that is hardcoded only for thermostats (and perhaps humidifiers, which are related). For any other type of domain you will have to manually make new sensors if you want to graph the attributes.

hardy rivet
#

Anyone here know how I'd take this URL of a video stream and get it on my dashboard for external viewing?
http://10.2.1.100/webcam/webrtc
If I open that in a browser, the video plays. No user/pass required. It's for my 3D printer, and I want to view the camera feed when I'm away without exposing the printer to the internet.

plain pike
#

you'd use your external url normally

idle patrol
#

stupid question but is there a way to center a column

raw stream
cold notch
#

Is there a way to set up multiple HA servers with one frontend? I have a home and an apartment, with the latter running HA on a pi. It would be nice if I could set up that HA instance to be somehow linked with the one in my home, so I can control both with one frontend.

vital burrow
#

There is a HACS integration called "Remote Home-Assistant" which can connect HA servers

cold notch
#

Thanks!

clear mural
#

Couple of questions as I'm getting my dashboard setup:
· Is there a way to hide items from the sidebar for non-admin users?
· Are there any collapsible or horizontal scroll cards I can use? I'd like to set a button for all my rooms but don't want to make the page super long by default.

verbal flame
vast crane
clear mural
#

Thank you!

vast crane
#

You can hide items if you control the client device and manually remove them from the sidebar, but you can't block them or remove them from the administrator panel.

clear mural
#

Good to know. I plan on hiding the sidebar with the new dashboard so not too worried, just would have been nice.

#

If I was super worried, I guess I could always hide it from the sidebar in the add-on until I needed to use it and only enable it then. But that's not an ideal situation for sure haha

clear mural
#

How can I get a view of the dashboard in a scaled window? I was looking over this video and I'm not sure how he got that left window
https://youtu.be/A0fMt8IRKoI

worthy tapir
tribal galleon
# clear mural Good to know. I plan on hiding the sidebar with the new dashboard so not *too* ...

Scroll up a bit and you'll see where @grim beacon asked about hiding the header #frontend-archived message . The same concept will work for you hiding the sidebar. With Kiosk Mode, you can create entity helpers to toggle various options such as hiding the header or sidebar. You can also set settings per user for the dashboard. (Note, this is not the same as just accessing HA through the app, as @vast crane mentioned; this is for use with a dashboard.) For example, I have a user called Tablet and, by default, everything extra is hidden. But, I have buttons to toggle in case I need to access something via the tablet. My default user account does not hide anything as I normally use it on the PC.

vast crane
clear mural
vast crane
#

Yeah that's a developer tools option.

atomic glacier
#

@polar kelp my apologies for the 'ding', but the question I have you can only answer...(probably). Was wanting to add another button to the bottom of my popups, to end up with the current Left, Right and a new Center actionable button as well. Can I replicate the existing code for the buttons, rename to center to achieve? I'm thinking it can't be so easy, so I'm using a lifeline before I crash and burn... 🤔 insert after below?

          ${void 0!==this.right_button||void 0!==this.left_button?R`
                <div class="buttons">
                  ${void 0!==this.left_button?R`
                        <mwc-button
                          .label=${this.left_button}
                          @click=${this._secondary}
                          class="action-button"
                        ></mwc-button>
                      `:R`<div></div>`}
dark dirge
polar kelp
#

It's a bit more involved than just that...

atomic glacier
#

No worries...thanks for the response, I figured 🫡

placid radish
idle patrol
#

is there a way to hide my degrees slider behind another one of my buttons, say if i touch the temp chart it would open the more info panel but for degrees

past spindle
#

Is there a way to make this derivative graph show a + before the 0.6? When my apartment is cooling off, it shows negative, but doesn't show positive when it's getting warmer.

small crater
#

Does anyone know if there is a good calendar frontend that allows you to use it like a family Google calendar? So basically can have multiple users add events so everyone else in the family can see?

tranquil token
#

Can anybody tell me how to change the size of the handle in a light card with card-mod? I managed to find the variable for the color, but not the size.

type: light
entity: light.sceneselector
name: "${ SceneState }"
style: |
 round-slider {
   --round-slider-bar-color:  (--paper-input-container-shared-input-style_-_background) !important;
   --round-slider-path-color: (--paper-input-container-shared-input-style_-_background) !important;
   --round-slider-handle-color:  #888888 !important; 
 }```
vapid field
vital burrow
tribal galleon
#

At first, I thought of suggesting using Browser Mod's popup option but it looks like the sensor card does not support a custom tap_action. So, then I thought of the custom:swipe-card (https://github.com/bramkragten/swipe-card). You wouldn't be able to tap like you want, but it might work for what you're trying to accomplish.
But, I ran into a problem trying to interact with the slider in the entity card. I couldn't adjust the slider because the swipe card would try to change cards. A quick look through Google, I found the numberbox-card (https://github.com/htmltiger/numberbox-card). With this card, you would lose the slider but gain +/- increment buttons. It looks fairly customizable too.

type: custom:swipe-card
reset_after: 10
parameters:
  autoHeight: false
  initialSlide: 0
  centeredSlides: true
  loop: false
  followfinger: true
cards:
  - type: sensor
    entity: sensor.outdoor_heat_index
    graph: line
  - type: custom:numberbox-card
    entity: input_number.number```The documentation is not great for the swipe-card as it points to the Swiper API for reference but there's a lot of good examples in the forum: https://community.home-assistant.io/t/lovelace-swiper-card/72447
swipe_card_2.gif
tribal galleon
#

At first I thought of suggesting using

golden mistBOT
#

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

📎 message.txt
tribal galleon
#

@winged carbon From what I can tell, it looks like the card does it on its own. My phone is currently at 94% = green. Used Dev Tools and set it to 50% and icon changed to yellow. At 25% = red. I copied your yaml and set my sensor. (and removed the paper-item-icon-color)

image.png
winged carbon
#

Yes I already found ot it did that on the ev-battery but I do not think the 12V is updating it status, but I will try to do what you did in developer tools, thanks for your reply

winged carbon
vapid field
#

I don't think you can use "if else" in css, I think you need to create and extra entity or helper or idk for that

wintry gull
#

Hello. Does anyone know if theres a way to just have a toggle switch with no background, no icon, no text. I need one to put on top of a custom button card. Thanks

golden mirage
#

I use below. On Firefox is normal. But on my phone on Home Assistant app don't show gradient color. It don't show color.
type: gauge
entity: sensor.4ch_be_ca_rx
segments:

  • from: 0
    color: var(--gauge-gradient)
    needle: true
    card_mod:
    style: >-
    :host { --gauge-gradient: url("data:image/svg+xml,%3Csvg
    xmlns='http://www.w3.org/2000/svg' width='100'
    height='100'%3E%3Cdefs%3E%3ClinearGradient id='linear' x1='0%25' y1='0%25'
    x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='red'/%3E%3Cstop
    offset='50%25' stop-color='yellow'/%3E%3Cstop offset='100%25'
    stop-color='green'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E#linear"); }
placid radish
small crater
tribal galleon
# golden mirage I use below. On Firefox is normal. But on my phone on Home Assistant app don't s...

The gradient probably is not going to show properly on browsers other than Firefox. Check out some of the later posts in https://community.home-assistant.io/t/gauge-card-how-to-get-a-gradually-changing-color/486987 ```IMPORTANT: As the note above implies, SVG can contain CSS and Javascript, and thus shall be considered unsafe. Home Assistant normally protects you from this by only using a very specific part of the SVG file, but using the #fullcolor suffix circumvents this protection. I have tried adding another layer instead, but as those things go, you’re only safe from the things you know.

In short: Only do this with icons you trust (and preferably have inspected the code for).```
shell flax
#

Hi, not sure if this has already been discussed before, but does anyone know why i am getting this error message when I try to add a vertical or horizontal stack to my dashboard?

Thx in advance 🙂

image.png
vast crane
#

I have never seen that before. Are you using custom stuff?

shell flax
#

maybe just something temporary

fickle trellis
#

Curious, is anyone here using Mushroom Cards on a tablet like dashboard? I love how easily Mushroom is to customize but its more vertical mobile friendly than horizontal tablet.

shell flax
tribal galleon
#

@fickle trellis Like @shell flax mentioned, using various layout-type cards can be used to design the dashboard. My dashboard is shown on Fire HD 10s and I use primarily a combination of Mushroom Cards and custom:button-cards with vertical- and horizontal-stack cards and custom:layout-cards.

fickle trellis
plain pike
#

he's got millions 😄

tribal galleon
# fickle trellis Do you have a picture of this or>

This view starts with a vertical-stack card with Mushroom Chip cards, then a custom:layout-card that splits the screen in half.
The left side has a vertical-stack with custom: layout card for the big button and then two small vertical stack cards for the brightness and RGB/color_temp buttons. Frigate card at the bottom.
RIght side is another vertical-stack card with a grid card "holding" the custom:button-cards, a conditional card that only shows when Plex is playing, then a horizontal stack card with a weather card and picture card for the radar. (Technically a custom:mod-card contains a vertical stack card at the bottom and some card_mod magic pins the card to the bottom of the screen.)
EDIT: I should also mention the View Type is set to Panel (1 card), hence the initial vertical-stack card.

fully-screenshot.png
hollow vale
#

i want what i assumed was a simple card, but i can't seem to make it.

#

i just want a big icon that changes color when a binary sensor is true/false

frosty flower
#

when i click onthe more info for my illuminance sensor, it gives me min, mean, and max values, but when i click onthe actually history tab or some more, it just gives me a solid valid, is it possible to see the min and max values

image.png image.png
frosty flower
#

(feel free to ping if someone answers)

atomic glacier
#

Does anyone know of a list that has all of the stock card heights? I've ran across some over the years, but have never seen a list or know of where to check. Thanks if anyone has a clue 😎 this

tribal galleon
vast crane
plain pike
tribal galleon
#

Still a bit of work-in-progress. Top is the custom:button-card with some extra styling for size and transparency. I added yaml styles: card: - height: 50px - width: 50px - background-color: transparent - border: noneBottom is an entities card with the icon and name hidden and toggle colored thanks to about 17 lines of card_mod.
UPDATE: Six more lines of card mod to make the card transparent and get rid of the border.

image.png
uncut adder
#

Where is apexcharts-card data stored? My graph is messed up from incorrect data and i tried deleting HAOS database, didnt heml, also tried uninstalling apexcharts and installing it again, corrupt data is still there

#

If i click "edit dashboard" it shows correctly but as soon as i click "done" it gets messed up

#

Oh, changing browser fixed it, so probably stored in browser cache?

#

Spent an hour trying to fix this and as soon as i asked the quetsion here it occured to me maybe it was cached locally and it was >_<, clearing firefox cache fixed it right up

tacit cave
uncut adder
#

data showed in the graph, for my case power consumption. But its working now 🙂

tacit cave
#

that's in your history

#

i.e. database

#

unless you're using an entity to store the information and you're using those other modes on the card

uncut adder
#

no it was not only, i cleared the db and had no history but didnt work because it was also stored in browser cache

#

so had to clear both 🙂

winged carbon
#

Anyone with good cards for the Netatmo weather station?, I am looking for some inspiration.

lofty remnant
#

How can I put custom text in picture elements that will be bold, different size and different color? Please help

proud spoke
lofty remnant
#

I need to put text in picture elements

proud spoke
#

on top of?

golden mistBOT
#

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

📎 message.txt
lofty remnant
#

I need to put text in picture elements to personalize it

thorn granite
lofty remnant
fresh cloak
#

any icon suggestion for the pantry room?
i've got both mdi and phu

frank sigil
#

hi, are mushroom cards custom card only?

tribal galleon
# frank sigil hi, are mushroom cards custom card only?

What do you mean? Do you mean that in order to use them you have to customize them yourself?
Generally, custom cards refer to cards that are not included with Home Assistant, also known as stock cards. Custom cards are added by the user, such as Mushroom Cards (https://github.com/piitaya/lovelace-mushroom) and custom:button-cards (https://github.com/custom-cards/button-card). They can be installed manually but it is recommended to install them via HACS (https://hacs.xyz/).
Now, with that said, there are ways for the user to customize most cards more to their liking using card_mod (https://github.com/thomasloven/lovelace-card-mod).

#

Hello Does anyone know if theres a way

white turret
exotic obsidian
#

Is there a goto place to learn how to create the dashboards?
Or anyone Gold Coast in australia willing to give me a hand??

thorn granite
thorn granite
misty mango
#

Currently trying to setup the Nielsfaber/sceduler card to manage a heating panel with a smart switch

https://github.com/nielsfaber/scheduler-card

I am only running into the issue that I get a error that it does not exist.
And when using a mostly blank panel. I do get the items to show up in a scedule planner but it does not save/store the set times.

So does anyone have a template I could use to test out if it works with what I want.

vital burrow
#

Do you have the HACS scheduler integration installed and set up or are you trying to use that with the stock HA schedules?

misty mango
#

I have both hacs items installed

polar kelp
haughty vine
#

Writing custom JS module:
How can I get instances of custom elements (cards, rows, ect) that are already created by the time my js module finished loading and initialized?

  • I'm not talking about custom elements created by my module ofc
polar kelp
#

Can't

#

Believe me, I've tried.

#

Load your module in extra_module_url instead of as a lovelacedashboard resouce and you'll have more luck. Those are loaded very early.

haughty vine
# polar kelp Can't

oh... I was already using that, but was looking for a better alternative (so I could set them up in standard resources page)

p.s. Is there a possibility to change extra_module_url and NOT having to restart core to apply changes ?

polar kelp
#

Don't think so.

#

...unless you have a debugger running... but I don't think that's what you're asking.

haughty vine
#

shieet 💀
thank you. That pretty much summarized what I was expecting

white turret
thorn granite
#

Sorry, can't talk now.

white turret
tribal galleon
# white turret any tips for my dashboard? specifically, any way to make the icon for that light...

I saw you had asked about State-label badges earlier. You can change the icon but it looks like you have to do it through the Raw Editor. In the raw yaml, find the badge and add icon: mdi:lightbuld (or whatever icon) under the entity. Note that this does not change colors (state) even with the tap action; it is just an icon. ```yaml

  • path: test
    icon: mdi:account
    badges:
    • entity: light.living_room_lights
      icon: mdi:lightbulb
      tap_action:
      action: toggle```
white turret
tribal galleon
#

I don't think the State-label badge was intented for what you're trying to get it to do. You might consider Mushroom Chip cards or making your own custom:button-cards.

image.png
#

I haven't looked into it much. I would assume anything is possible with card mod but, more than likely, not with templating the card. (Most stock cards don't like templating.)

white turret
#

Hm okay

#

I opened up a discussion on frontend repo about stateful icons and cemented about templating, opening a discussion in core and suggesting more places to allow templating might be a good idea though

tribal galleon
#

Yeah. IIRC, badges are a relatively new thing. I'm not sure how the development of the stock cards works, but I would assume it won't be something that would be implemented anytime soon. If you don't want to go with custom cards, you can probably pull off a similar look with the Markdown card but then you're talking about incorporating HTML for the formatting and look. It's doable.

hollow vale
#

i'm trying to edit a glance card, it says i need to do it in configration.yaml, but when i open it i don't see anything about my card. where do I edit it?

tribal galleon
hollow vale
#

i tried to change the icon it says i have to edit the yaml

tribal galleon
#

Edit the Glance Card. It will show the UI. In the bottom left corner of the window, you'll see Show Code Editor. That's what they're talking about.

image.png
hollow vale
#

thats where i was

tribal galleon
#

Now, you see code (text) instead of the UI, right?

image.png
hollow vale
#

unless my syntax is wrong?

tribal galleon
#

Notice the syntax for the first entity. ```yaml
type: glance
show_name: true
show_icon: true
show_state: true
state_color: false
entities:

  • entity: sensor.date
    name: example
    icon: mdi:chat-question
  • sensor.date_time
  • sensor.date_time_utc
image.png
plain pike
#

where is the type:

#

oh nevermind it's not up at the top so TL;DR'ed it

hollow vale
#

aaah i see

tribal galleon
#

Yeah. I don't like when the UI rearranges the order of everything...

plain pike
#

it's annoying lol

tribal galleon
#

@hollow vale The message you saw is just letting you know that you're trying to make a change that is not going to be shown in the UI editor. It's not a big deal and usually goes away once you complete the line (with the proper syntax/setting).

plain pike
#

waves

golden mistBOT
#

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

📎 message.txt
tacit cave
#

not valid

quaint snow
#

I don't know what I am missing, but I cannot get the Mushroom cards to appear in HA. Have followed the HACS Install and Usage guide, all methods, but cannot get any of them to appear. Anyone heard of this before?

tacit cave
#

you're doing something wrong along the way

plain pike
#

did you do this ?

resources:
    - url: /local/mushroom.js
      type: module
#

actually I just installed it via HACS to test and I didn't have to do that at all for them to show up

quaint snow
#

yep did that. fixed now though...

I restarted, went into HACS and got the message that

"Not loaded in Lovelace
You have 5 Lovelace elements that are not loaded properly in Lovelace"

Nothing I could do to bring them online. Deleted all, restarted, re-installed, now seems to work ok

tacit cave
#

That means you didn't add them to your resources

#

the automatically adding things to resources only works if you use the UI for your frontend (not yaml)

twilit abyss
#

Hello.. I'm using Dwains dashboard and all my open/closed sensors report as "On/Off" in Dwains.. They show correctly when I bring them up outside of Dwains though.. Any ideas? Thanks

mellow inlet
#

Is there hidden option for a full wipe ( config does not get everything ) in the HA blue?

tacit cave
tacit cave
mellow inlet
# tacit cave Full wipe of the frontend?

From the frontend menu's a option to Like on a phone. Imagined it would be somewhere like Settings -> System -> Repairs / Backups / Hardware on phones its generally called factory reset

tacit cave
#

are you trying to reset just your frontend or wipe out your entire config?

#

2 very different thigns

mellow inlet
#

The entire device

tacit cave
#

then, with HA off, delete your config folder contents including hidden files. There is no factory reset.

mellow inlet
#

deleting the folder leaves anything from the systems and comes up with all addons etc

tacit cave
#

just delete the addons manually

#

there is no factory reset

#

so it's wipe and start over, or delete stuff

mellow inlet
tacit cave
#

didn't know that, maybe it's possible from CLI via ssh then

#

you'd have to be running HAOS though

mellow inlet
#

Trying to avoid the purchase, the blue cpu and data storage isnt really taxed. But can seem to get bluetooth devices to show or do anything. Either via ESPhome or Bluetooth adapter.

vital burrow
#

Reflashing the HA Blue might be the quickest "reset"

austere geode
#

Is there anyway of connecting my NUC to a screen and show my dashboard ?

tacit cave
#

if HA is running on your NUC, no

austere geode
#

Dang - that would have been nice...

plain pike
austere geode
plain pike
#

well I have 2 already but the crappy 1B+

austere geode
tacit cave
#

just use a tablet

#

an old tablet

#

a fire tablet

plain pike
#

but one with supported webview

austere geode
#

I have a markdown card but would like to make the background transparent...any ideas...think I have tried the card-mod

    card_mod:
      style: |
        ha-card {
          background: transparent;
          box-shadow: none;
        }
verbal flame
tribal galleon
#

@austere geode Consider the Amazon Fire HD 10 for $130 on sale right now. (The Plus model adds wireless charging for $20 and you can get the wireless charging dock for $35 also on sale right now; it's pricey but worth it IMO.) Get with version with ads as it is cheaper and use Fire Toolbox on it to remove the ads and bloat. https://forum.xda-developers.com/t/windows-linux-tool-fire-toolbox-v32-0.3889604/ Also, consider getting Fully Kiosk Browser (it's free unless you want to turn on Plus features which you can test without paying; licenses are pretty cheap) https://www.fully-kiosk.com/. There's also an integration for FKB that enables sensors and other entities useful for automation (such as battery savings or turning off the screen when no one is home).

#

I have two of these tablets in my apartment with the charging docks. They're great for dashboards; horrible as a daily general purpose tablet.

bold kelp
#

CAN ONE OF YOU AWESOME PEOPLE PLEASE HELP ME ASAP??

I need to get into my house but my HA is down and only have my iOS phone to work with.

Two problems:

  1. Have lost access to the front end. This is like the third time it’s happened over 2-3 years but because so much time goes by I don’t remember how to fix.

  2. I recently changed my ISP and modem/router has changed.

If someone can please remind me how to regain access to the UI, I can sort out the rest.

I use https://mydomain:503 but this stopped working even before I changed ISP.

Is it possible to get in via nabucasa?

tacit cave
#

if you're home but not in your home, you should be able to access it via the IP:port

#

as long as your wifi can reach you

#

as an aside, even though I use HA to get into my house, I also have a second way in the house that doesn't require HA... like a key.

#

just sayin

sick lake
#

I think I already know the answer to this, but does the humble browser or companion app provide any means of identification when making requests to HA? can I find out that a certain call happened from a specific browser or companion app?

tacit cave
#

Yes and No

#

You can get the logged in user in automations, scripts

#

you can't get the browser info without custom integrations

#

browser mod (custom integration) can get you all the browser info

sick lake
#

yup, that's what I thought. thanks!

tacit cave
#

so, you can get all that info, but you need custom elements

#

and user information is not easy to use in automations

#

you'd need to understand templates

sick lake
#

my specific use case was enhancing the pipeline related integrations in order to add some context to requests made to the voice assistant. the information that I didn't have/find was whether web clients (i.e. browsers and companion apps) identify themselves per request

tacit cave
#

well, alot of that can be done via context, but not necessarily browsermod

#

context exists in those areas

#

and from context you can get the logged in user that sparked it

sick lake
#

it's not important WHO made the request, but rather FROM WHERE 😄

tacit cave
#

but it won't contain information about the browser info, i.e. device being called from

sick lake
#

"i'm cold" should turn on the heating next to the device with the microphone

#

if there is no browser info by default, a bigger overhaul would be required

tacit cave
#

I think we are years away from that atm

sick lake
#

uhm... i beg to differ

#

for VoIP and ESPHome satellites we're actually very close

tacit cave
#

you can get that context via an automation if it was a entity in your system

#

but logging into something that has a speaker, doesn't show up as an entity, so there's no context on the device supplying the voice

sick lake
#

yes, that's exactly the issue. and maybe web contexts should identify themselves, but again... that's a topic for #devs_frontend-archived , not here

tacit cave
#

right, currently the way people are invoking speach is via a button, which will be an entity in HA, so that's how they are doing it.

#

Possibly, when we have a wake word integrated, we will get a new entity that's the provider of the context from the waking device.

#

but that's Q4 of this year

#

and I'm not sure if that's planned for Q4

sick lake
#

again, the VoIP and ESPHome integrations already send a device_id with voice requests, it's just that no context is added to the intent based on that device_id

tacit cave
#

I understand, but the foundation doesn't exist

sick lake
#

yup. and thanks for confirming!

split sable
#

Anyone know of anyway I could run the dashboard and the home assistant server in the background at the same time

#

I'm looking to do this on a raspberry pi

misty mango
#

Is there a way to add custom colors to the button cards depending on the state of the button's entity [ON/OFF]

#

I know its possible for the mushroom chips. but I want it for the button cards as well.

plain pike
misty mango
fickle trellis
radiant marsh
#

Quick question: for sidebar links like with panel_iframe, is there a way to specify different addresses for when you're accessing HA locally vs when you're accessing it remotely? I didn't see anything in panel_iframe's documentation but I'm wondering if there's a frontend integration that does it

plain pike
#

uhhh not that I know of

#

why do you ask, may I ask?

radiant marsh
#

mostly being able to connect to the services in the list regardless if I have internet at home or not

#

if the internet goes down and I'm using URLs to Internet-exposed services, those would fail to connect even if they're hosted locally

plain pike
#

could you give me an example?

radiant marsh
#

if the internet goes down and on my local network I then try accessing the tab in the sidebar, it can't connect to Code Server

#

idk. I'm spitballing a bit, but that's the basic idea that I'm thinking of

#

it's not imperative, but it'd be a nice-to-have

plain pike
#

oh

#

I can solve that problem for you easy

#

do you have dnsmasq running?

#

codeserver.mydomain.example you just add as DNS entry for your local IP

radiant marsh
#

that's an option, yeah

plain pike
#

then, it looks up the DNS, returns your local IP, and works fine

#

request comes in from internet, works fine because it will check the external DNS server

#

I've been doing this for years on my network

radiant marsh
#

yeah, I actually don't have any custom DNS server running rn, but that's a good idea for when I do eventually set one up

plain pike
#

what router you have?

#

anything with DD-wrt or openWRT have dnsmasq by default

#

unifi/ubiquiti have it but you need to enable it

radiant marsh
#

mix between a Verizon FiOS router and an eero system for mesh networking (I had to get stuff from Best Buy when we got the eero stuff, so... yeah). I need to look into setting up local DNS with them, as I think there might be some issues with the FiOS TVs that connect through the FiOS router

#

I know I can't run DHCP through the Eero for that reason :/

plain pike
#

🤮 eero

radiant marsh
#

was the cheapest mesh system at the time. I'd do it differently if I could, but that's what we've got rn

#

still, I'll poke around and see what I can do. Should be able to run a local DNS server

#

thanks for the suggestions!

plain pike
#

from the looks of it, you can edit the DNS settings on your FIOS router as well to add hosts

plain pike
#

😉

radiant marsh
#

well, a custom server

#

heh

timid moss
#

I'm trying to use the grid layout from lovelace-layout-card, but it seems like it's just totally ignoring my layout template

# 
grid-template-columns: 1fr 1fr 1fr
grid-template-rows: 1fr 1fr 1fr
overflow: hidden
grid-template-areas: |
  "Kitchen Bathroom MasterBathroom"
  "Front LivingRoom Back"
  "SideRoom NewRoom Basement"
#

But this is what it looks like

image.png
plain pike
#

can you post the actual yaml?

timid moss
plain pike
#

yeah that's cut off, you're gonna wanna

timid moss
#

Hahaha ironic

golden mistBOT
#

Sadly we're not mind readers (any more anyway, not after the last time we tried). Please share the YAML and any errors so we can see what you've done.

plain pike
#

wrong one

timid moss
plain pike
#

but it links to dpaste so it's almost right

#

ummm that's all the yaml

#

lol

timid moss
#

Oh I'm sorry

#

You wanted just the one card sorry

plain pike
#

cut off

#

ahh

#

there you go

timid moss
plain pike
#

so you're looking for just the border on the label then? I can't really see what else is missing

timid moss
#

It's in the wrong place within the grid

plain pike
#

well everything but the padding seems fine to me, but admittedly some of this is a bit over my head

tribal galleon
#

I may be looking at it wrong but it looks like lines 152 & 153 need to be indented by two spaces. In its current position, it is associated with the card-mod card at the beginning and not the layout-card starting at line 12 . and there is no layout defined at line 14 which is probably supposed to be these two lines.

plain pike
#

as I'm still reading

#

bows to da master

tribal galleon
#

now that I'm looking at it, I think those two lines are because the card-mod card is within another custom:layout-card.

plain pike
#

that is kinda what confused me earlier when I asked you about that with the thing we were looking at

tribal galleon
#

yeah. it messed me up too.

plain pike
#

I was gonna load it up on my test box but I don't have that many devices LMFAO

#

look at the padding, does it seem ok?

#

I feel like it'll push the cards over a touch more than it should

tribal galleon
#

I'm just now getting to be able to replicate his dashboard. Took the original code posted and got the layout out of it. And all the indention. I might rip out a bunch of the card_mod and see what that does.

plain pike
#

im still baking homemade pizza

thick merlin
#

Is there a website that provides dashboards and the associated yaml file so I can edit it from the basic layout?

tribal galleon
plain pike
#

especially since we all like to do weird things

tribal galleon
#

This was my dashboard 4 years ago running in AppDaemon. It certainly does not look like that now...

image.png
thick merlin
#

ok, ty. I hate dealing with all these grid cards and layouts. There really needs to be a better, easier like drag and drop solution one day