#frontend-archived

1 messages · Page 22 of 1

tribal galleon
#

That goes back to the one-size-fits-all. Your drag and drop sizes, shapes, etc may not match what I want. Trust me when I saw there have been a lot of improvements over the years.

#

And, yes. It does get tedious and frustrating at times but it can also be very fulfilling when everything comes together.

tribal galleon
#

@timid moss your problem is view-layout should be view_layout.

  - type: entities
    entities:
      - light.living_room_lights
    view_layout:
      grid-area: Kitchen```From my mock-up with three cards, using your layout:
image.png
#

(I probably should have used better corresponding entities to the layout names...)

timid moss
#

@tribal galleon Ah thank you! I'd be lying if I said that's the first time I've done that -.-

willow ibex
#

Hello, I wonder if there is a way to put dynamic weather icon to my custom card. Does anyone have some experience with it?

verbal flare
#

Hi! Is there a way to get the sum of number of elements in the cards of a page as the badge count? I have an alerts page that amongs other things have a card with all the batteries that are below a given value... Would be nice to have a counter on the badge showing how many there was

verbal flare
#

not sure if "badge" is the correct term, but like a number in a circle overlay on the icon for the view in a dashboard

#

and the sum for the dashboard in the side pane, like for when settings list an update and such

lofty remnant
#

Hi, I created a garage door control in homeassistant using a template and for now I'm happy with the operation, but I thought about adding something like that when I click open or close it will display in secondary information, e.g. Actions performed or something similar. Or button illumination in green. Can something like this be done? To imply that the button has been pressed

image.png
tribal galleon
# willow ibex Hello, I wonder if there is a way to put dynamic weather icon to my custom card....

Depending on how your card is set up, you could simply use the weather.home entity. Its icon changes based on the weather.
If you're looking to customize the icons, you might consider creating a template to return the icon. Here's an example by @fiery ledge wrote up a couple of years ago: https://community.home-assistant.io/t/badge-weather-with-dynamic-icon-and-temperature-in-label/311459/2?u=d_sellers1

#

If you don't need something so fancy or want to use a different entity for the card, some inline Jinja or JavaScript (depending on the card) might get the job done. Something like

type: custom:mushroom-template-card
entity: light.living_room_lights
primary: '{{ states(entity) }}'
secondary: '{{ states("weather.home") }}'
icon: |
  {% set state = (states("weather.home") ) %}
  {% if state == "sunny" %} mdi:weather-sunny
  {% elif state == "cloudy" %} mdi:weather-cloudy
  {% else %} mdi:help
  {% endif %}```
image.png
# 
type: custom:button-card
entity: light.living_room_lights
name: '[[[ return states["weather.home"].state ]]]'
color: auto
icon: |
  [[[  
    var weather_condition = states['weather.home'].state;
    if (weather_condition === 'sunny')
      return 'mdi:weather-sunny';
    else if (weather_condition === 'cloudy')
      return 'mdi:weather-cloudy';
    else
      return 'mdi:help';
  ]]]  ```*EDIT: Added variable to cut down on repetition.*
image.png
#

You would need to add more weather conditions to your statement to make it complete; I just shortened it for length to post here.

tribal galleon
#

Hi Is there a way to get the sum of

tribal galleon
# lofty remnant Hi, I created a garage door control in homeassistant using a template and for no...

Are you able to get the state of the garage door; is it open or closed?
If you are relying on which button on the dashboard was last pressed, I'm sure that can be accomplished but something to consider is what will happen when you press the button in the garage or car to open the door. Without knowing the state of the garage door itself, the color or secondary information represented on the card may not mean much as the door itself and the card are not in sync.

#

If you're not able to get the state of the garage door, I'd recommend adding a door/window sensor to it. Then, HA will be able to tell whether it is open or closed. I think this will have a better overall results.
There may be some issues with the sensor and the metal frame to consider. I'd check out #hardware-archived for recommendations.

tribal galleon
lofty remnant
golden mistBOT
#

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

📎 message.txt
tribal galleon
#

It looks like your using Mushroom cards so I don't think this will directly work.

lofty remnant
tribal galleon
#

Lemme see if I can figure something out for use with the Mushroom card.

shell kelp
#

any idea why my weather forecast is missing icons ?

image.png
#

it only happens when it's dying hot

karmic tendon
#

what is the 'state' for these days?

shell kelp
#

ha maybe it's the "exceptional" state, i'll check

karmic tendon
#

seeing saturday = 'sunny' and the main indication shows fine, seems a bit odd why the forecast is not

vast crane
#

That's the icon for exceptional.

karmic tendon
#

never seen that, so proably am lucky 🙂

#

but donot think it is not hot here too.... tomorrow 36+, Mon 36+

#

but apparently this is not exceptional

#

south of France...it IS exceptional...just not showing it (or: hiding)

shell kelp
#

I'm in Switzerland so not so far lol

karmic tendon
#

depends where in CH

#

I work weekly in Basel

#

but 36 in Basel would be exceptional indeed

#

Tessin....not so sure

#

anyhow...from a card perspective I believe this icon could be different, for me it looked like an error

#

not 'exceptional'

vast crane
#

I think usually it's based on hitting some keywords in the weather description, but it depends a bit on which weather integration you're using that decides that.

#

E.g. for me anytime the detailed forcast has the word "haze" it shows as exceptional.

karmic tendon
#

ah.... ok....but this is the ootb card so I would have hoped it to have more choice. The local French card also is limited to I extended it a bit

vast crane
#

it's not the card that decides the state, but the integration, like AccuWeather, or NWS, or Met.no

#

I put this markdown card under my weather card, and then anytime there are exceptional states in the forecast it displays the text of the extended forecast:

  {% set states = state_attr('weather.kttd_daynight','forecast')|rejectattr('condition', 'ne', 'exceptional') | list %}
  {% for item in states %}
  {{ (item.datetime | as_datetime).strftime('%Y-%m-%d %H:%M %p') }} : {{ item.detailed_description }}
  {% endfor %}
shell kelp
#

Looks like accuweather is not providing a description UndefinedError: 'dict object' has no attribute 'detailed_description'

vast crane
#

it may be differently formatted. that one I use with NWS.

#

just an idea

shell kelp
#

It says that I can change the icon using for example --weather-icon-sunny: url("/local/sunny.png")

#

I'm using a theme from HACS tho, do I need to edit the theme itself or can I put that in my config file ?

gleaming portal
#

hopefully this is the right place, but does anyone have a good way to display an interactible dashboard on an echo show?

tribal galleon
# gleaming portal hopefully this is the right place, but does anyone have a good way to display an...

I think it depends on the Echo Show you have. I have an Echo Show 15 which used to work well with HA dashboard's (before I got mine), but an Amazon update broke a lot of what most people used (such as Kiosk Fully Browser). I still have a dashboard for mine (a work-in-progress) accessed via the browser. Unfortunately, it does not like to load automatically and will timeout after 5-minutes of inactivity. However, with my dashboard, it doesn't timeout because (I believe) of the Frigate card streaming a camera. (That seems to be the workaround is to have something streaming.) I have an automation in Amazon Alexa that "tries" to bring up the dashboard but it doesn't always work. It has been a couple of months since I tried anything new with it.
With the smaller Shows, I don't think there has been much luck with them mainly because they do not have a browser, IIRC.

gleaming portal
#

its a smaller one i think, like a triangular prism shape, not a frame. it does have a browser though

tribal galleon
#

try browsing to http://<your-ha-ip>:8123and see what it does. I'm assuming the default page will be hard to navigate but if that works well, you can design a dashboard based on that screen size.

#

Then you could always set your homepage or a bookmark for the specific dashboard you've created: http://10.10.10.2:8123/fire-main/room

gleaming portal
#

itll have to boot up, the one in my room is unplugged since im not a massive fan of a portal to SpyNet being open without a reason

tribal galleon
#

are you trying to use it strictly for a dashboard and not have anything to do with Amazon? That might be a bit harder to accomplish...

gleaming portal
#

im fine with it having amazon stuff

#

i just dont normally use it

tribal galleon
#

I use a couple of Amazon Fire HD 10 Plus tablets around my apartment. I tried the Echo Show 5 a couple of years ago but I could not get it to cooperate the way I wanted. The form-factor would be nice next to a bed though. Maybe I should consider getting another one to tinker with.

gleaming portal
#

at least i thought it had a browser... ill have to mess around with it

tribal galleon
#

Hmm... Only $75 and I can have it delivered within 2-7 hours... (An advantage of living in a city with multiple Amazon hubs.) 😄

plain pike
#

🤮

#

that's truly disgusting that would take me like 1 week if I paid thru the nose for shipping LOL

tribal galleon
gleaming portal
#

it keeps saying "unable to connect", but it loads the ha webpage

#

nvmd it worked on an ssl page

#

"alexa, order wiretap"

tribal galleon
#

eh. I have almost a dozen Alexa devices scattered around. What's one more?

gleaming portal
#

thats fair

tribal galleon
gleaming portal
#

did the other one have your address or something?

vital burrow
tribal galleon
#

full name and partial address. guess I didn't copy the edited picture and ended up pasting the screenshot instead.

gleaming portal
#

ah. good thing i was too oblivious to read too closely lol

tribal galleon
#

the good thing is there are several places in the US that match my street address.

gleaming portal
#

whelp, alexa dev portal here i come

gleaming portal
plain pike
#

LOL

tribal galleon
#

currently out for delivery but it wouldn't be the first time a package didn't show up. One time I was tracking the delivery van in the app as it was a couple of stops away. Then it disappeared and my package was not delivery until the next day. 😠

plain pike
#

lol

#

I'm just grumpy, the things I want are like $8 but not worth ordering by themselves

tribal galleon
#

In my defense, orders could just be multiple items.

image.png
plain pike
#

lmao

#

tht was like my 2020 order list that got me into HA

tribal galleon
#

Received. Unboxed and plugged in. It was mad that it could not update (because I have Amazon Updates blocked at the router). Cycled power. Updating errored out but continued this time. But it will not open the browser. Me: Open Silk. Echo: Here's Silk (and does nothing). 😕

gleaming portal
#

lmao

#

why do you have amazon updates blocked?

tribal galleon
#

They're known for "fixing" things that I don't want fixed. Such as, breaking what I've done to my Fire tablets via Fire Toolkit like getting rid of the ads and bloat.

gleaming portal
#

ah

plain pike
#

I'd like to know the firewall rules 😛

#

i only have an echo dot tho

tribal galleon
#

This is what I have blocked in AdGuard||softwareupdates.amazon.com^$important softwareupdates.amazon.com d1s31zyz7dcc2d.cloudfront.net amzdigital-a.akamaihd.net amzdigitaldownloads.edgesuite.net updates.amazon.comThough I did notice the Show 15 seemed to have updated itself at some point so I may be missing an address.

plain pike
#

I normally force amazon out my vpn

#

would be interesting

tribal galleon
#

Updated Show 8. Silk now working. Accessed HA. Opening my normal tablet's dashboard locked up the interface (but I have a bunch of crazy stuff on it like card_mod and kiosk mode; it usually locks up my phone, too). Opening the HA generated dashboard is usable. The bad thing about Silk is the toolbar does not hide unless you scroll the page a bit first.

gleaming portal
#

that is the big issue ive run into

#

im assuming you set up the alexa integration as well?

#

i just did tonight, its pretty nice

tribal galleon
#

I have the Alexa integration installed but I, generally, rely on Fully Kiosk Browser sensors for interacting with the tablets. I have some other stuff set up in Node-RED to interact with my devices via Alexa. (It makes Philips Hue bulbs in Alexa but they're really my locally controlled Zigbee bulbs connected to HA with no cloud. It is some sort of voodoo or black magic but it works.)

image.png
gleaming portal
#

i was considering the emulated hue hub, but i wanted to have a bit more functionality, so i went the hard route

tribal galleon
#

curious what more functionality?

gleaming portal
#

sensors, media player control

plain pike
#

only thing I use emulated hue for is to turn my lights off from my harmony remote when I'm in bed

#

because I don't take devices into the bedroom

tribal galleon
#

The sensor one could be an issue though I did start to integration a presence sensor shown at the top of the screenshot. I do have a couple of Alexa notifications set up. I started incorporating media players but haven't finished with them. (Two echos currently playing in different rooms.)

image.png image.png image.png
#

A better screenshot not from the dashboard. But I just noticed the album art and info does not seem to update any more but controls still work...
EDIT: Unless I adjust the volume. Then it updates... wth?

image.png
tribal galleon
opal pebble
#

that's a great idea.

plain pike
#

thermostat? I don't even have aircon

#

LMFAO

tribal galleon
#

I didn't even know it was there until I posted a suggestion in #devs_frontend-archived. The only problem is it is not enabled by default; has to be enabled in configuration.yaml. Only 61 installations have it enabled. I want to try to push for something like this to be enabled by default, but maybe hidden. This way, yaml code can be shared using the demo entities which will prevent the editor from freaking out because the entity doesn't exist on the other server.

plain pike
#

now that's a great idea

#

then I could have recreated that guys dash the other day

tribal galleon
plain pike
#

well I hope it's not 83F at 10:09PM where you live also

#

cuz it is here atm

tribal galleon
#

72F here

plain pike
#

that is colder than I normally set my AC (if it was working)

tribal galleon
#

my air conditioner doesn't cool the entire apartment so I don't even use it; rely on strategically placed fans. Windows have been open since April or May.

plain pike
#

I only have a unit in my bedroom

#

I ripped out the central units because they simply cost too much to run because of their age

tribal galleon
#

UPDATE: Show 8 browser has not timed out with HA dashboard showing. (I think it is because of a Frigate card steaming a camera.)
When I design a dashboard for this screen, I might have add a Frigate card and make it super tiny or perhaps set its z-index to -1 or something so it ends up behind everything.

warped forge
#

however, once I add the card I get:

Screenshot_2023-08-19_at_9.13.10_PM.png
#

What's going on?

#

code:

type: entities
entities:
  - fan.kitchen_exhaust_fan
plain pike
#

entities card only shows a slider by default

tribal galleon
#

That's an entities card. That's the way it looks. Your first screenshot is an entity's more-info.

plain pike
#

what, I beat you d?

warped forge
#

Oh...

tribal galleon
#

I saw you typing and tried to hurry 😛

plain pike
#

I thought you were still playing with the echo and I could sneak one in

warped forge
#

how can I show the more info in dashboard? 🙂

#

do i have to make a custom card.

plain pike
tribal galleon
plain pike
#

i was just looking at that

#

dammit you're fast

warped forge
#

what is lovelace?

tribal galleon
#

But the Mushroom card looks a bit similar to the light card. (Not necessarily a bad thing.)

#

lovelace = the frontend

plain pike
#

basically the dashboard ui

warped forge
#

oh so this is already there?

plain pike
#

lovelace is, that card is not

warped forge
#

got it.

plain pike
#

neither of them are, they are custom cards you need to install from HACS

warped forge
#

actually I am not sure if this is the right place to ask -- but if I want to export this entity into homekit, I don't need to have it in the dashboard right?

plain pike
warped forge
tribal galleon
#

same. I'm sure there is a homekit integration.

plain pike
#

yes that would be best place

tribal galleon
warped forge
#

👍 It is my easy way to test but i can start testing in HK

tribal galleon
#

But, then again, you might be missing out on what you can do in lovelace. 😉

plain pike
#

btw I've made some progress with that thing d

#

crossing the zones

#

you were absolutely right, and so was I

#

lmfao

tribal galleon
#

what'd you come up with?

plain pike
#

I missed 2/4 zones but ALWAYS catch the other 2

plain pike
#

that I really need to clean up

#

I need to get it off the napkin and into HA tho

#

so I'll do it all the same time LOL

tribal galleon
#

how much time did you spend crossing through the two zones the were always caught?

plain pike
#

~60s

#

but I think crossing the 2 zones on either sides of them, triggers it

#

I need to test a little more

#

but it seems to just work with those 2 all the time I tested

#

they are close to when I leave home zone too

#

😉

timid moss
#

Maybe a weird question, but can you write a comment in the view configuration?

#

Here, I'm not sure what exactly to call it

image.png
tribal galleon
#

IIRC, HA parses comments in the yaml.

timid moss
#

The first mediaquery is for my phone and it works great, but the resolution is totally random and I wanna make a note for myself

#

Ah dang

tribal galleon
#

Even trying to cheat and go through the Raw Editor. Those devs thought of everything...

image.png
plain pike
#

no soup for you

lofty remnant
# 
  content: BackUP Power / 10h 15m
  icon_color: red
  icon: mdi:power-plug-battery-outline
  picture: ''
  double_tap_action:
    action: none
  tap_action:
    action: none
  hold_action:
    action: none
```Hi, is there any way I can bold the time after the "/"?
outer sail
#

Viewing dashboards within a dashboard - What are my options?

willow ibex
marble falcon
#

Is there any reason this still returns with an F conversion even though I specify C?

    name: "SDK"
    device_class: temperature
    unit_of_measurement: '°C'
    scan_interval: 300
    command: ssh x
thorn granite
#

Presumably your system is set to use F for display.

plain pike
#

unit_of_measurement is just a string and can be anything you want. There are only a few “special” unit of measure values, such as “°C” and “°F”, where HA actually converts values to your locale settings when it sees them

tribal galleon
# 
type: custom:mushroom-template-card
entity: sensor.bathroom_door_temperature
primary: ' {{ state_attr(entity, "friendly_name") }}'
secondary: ' {{ ((states(entity) | float - 32) * 5 / 9) | round(1) }} °C '
image.png
plain pike
#

fake sensors!

#

teehee

tribal galleon
#

Actually, those are real. 😉

#

An alternative is to make a template sensor which will return the value.```yaml
sensor:

  • platform: template
    sensors:
    sensor_f2c:
    friendly_name: 'F to C'
    unit_of_measurement: "°C"
    value_template: "{{ (((states('sensor.bathroom_door_temperature') | float) - 32) * 5.0/9.0) | round(1)}}"```
marble falcon
#

It’s just unnecessary and it’s been like this for years. Definitely need to throw it in the WTH pile one of these years. I told you to be in C, I gave you a the value in C, don’t change it. Room temps in F, computer related temps in C. Not sure why it’s this way in America but it just is.

tribal galleon
#

The Metric Conversion Act of 1975 https://en.wikipedia.org/wiki/Metric_Conversion_Act
The Metric Conversion Act of 1975 is an Act of Congress that was signed into law by U.S. President Gerald Ford on December 23, 1975. It declared the metric system "the preferred system of weights and measures for United States trade and commerce", but permitted the use of United States customary units in all activities. As Ford's statement on the signing of the act emphasizes, all conversion was to be "completely voluntary". The Act also established the United States Metric Board [which] was abolished in 1982 by President Ronald Reagan.

tardy glen
#

Anyone else having issues with the default frontend being really messed up on firefox? It renders fine in chrome, but on FF it renders one column of cards and then all the other cards smashed into a single 0-width column next to it.

tribal galleon
#

Mine shows fine in FF (but I have an update pending)

#

You could try clearing your cache and/or doing a Shift+Refresh.

#

@clear mural I ended up making my own window re-sizer thingie in AutoHotKey. Hotkey brings up the menu, select window size, it resizes and centers on screen. It's probably not the best code but it works.

image.png
tribal galleon
# tribal galleon UPDATE: Show 8 browser has *not* timed out with HA dashboard showing. (I think i...

@gleaming portal I made a super basic dashboard for the Echo Show 8. I've confirmed that it is the Frigate card that is stopping the browser from timing out and returning Home (which is good). The bad: if anything pops up from Amazon like notifications for deliveries or alarms, it will trump the browser and end up returning Home. Not optimal; haven't figured some sort of workaround. Maybe some sort of automation in Alexa that browses to the dashboard every so often.

#

The Frigate card is inside a custom:card-mod card using this for its card_mod settings:

    card_mod:
      style: |
        ha-card {
          border: none;
          background: transparent;
          position: fixed;
          bottom: 0px;
          left: 0px;
          width: 400px;
          display: flex;
          justify-content: center;
          z-index: 0;
          }
        }```Note the z-index at the bottom. If I set it to -1, the card will be drawn *behind* the background essentially hiding it but still allowing the streaming function to prevent the time-out.
#

There are some browser_mod popups with the buttons in the top left. (EDIT: Horrible picture. Looks better with minimal glare.)

20230820_134136.jpg
dusky haven
#

I have multiple dashboards. If I want to include a resource when only a particular dashboard is loaded, where do I put it? Adding it to resources makes it load in ALL dashboards and the CSS is screwing things up for dashboards it was not written for.

vast crane
#

I'm not aware that that is an option.

distant phoenix
#

Weird bug I'm experiencing. I have a couple old phones I use as dashboards. One of them displays some elements differently.
For example:
I'm using custom:digital-clock card which I setup to show 24hr clock. For some reason on 1 of the phones it shows as a 12hr clock. The phone setting is set to 24, I changed the time settings in the HA App to 24hr format too, yet still showing 12hr.
Another issue is the chevron for the Expander card is black on it while all the other devices show it as white.
No idea what else could be causing this behavior. Any ideas? Could I be missing something? All devices on the latest ver of the app

Screenshot_20230820-141345_Home_Assistant.jpg Screenshot_20230820-141408_Home_Assistant.png
golden mistBOT
#

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

📎 message.txt
plain pike
distant phoenix
# plain pike what version of webview?

That's it! It was using old WebView ver 80 something. Switched to Chrome version and works properly now! Thank you for pointing me in the right direction!

plain pike
#

you're welcome

tardy glen
lavish fjord
#

Hello, is this the right place to see if someone can point me in the right direction for installing a custom card to my mushroom dashboard?

#

I have the card github in front of me but cant figure out how to get it into my dashboard

#

Im a newbie it seems..

atomic glacier
lavish fjord
#

might be an older verison of HA the guide is based on?

#

regardless... not sure what the next step would be

#

ah! found where resources is 🙂 HA has def been updated since this guide but I found it

lavish fjord
#

still confused and no success yet. hopefully I figure it out 😂

vast crane
#

how far have you got?

faint flume
#

Is this the right place to discuss touchscreen dashboards? I have a raspberry pi 4 and a mimo touchscreen. What OS and software should I run to drive this? Ubunutu and chromium sort of works the best so far, but there are problems. My question: Is it possible or encouraged to run HAOS on the Pi and somehow lock it to a touchscreen dashboard? will it have an on screen keyboard (OSK)?

golden mistBOT
#

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

📎 message.txt
tacit cave
#

@mystic timber you have to add multiple dashbaords in yaml if you plan on having a yaml only dashboard

mystic timber
tacit cave
#

including resources

#

and all additional dashboards, even if they are UI only

#

a single 100% yaml dashboard requires 100% yaml configuration for all dashboards

mystic timber
#

so generally how does it works after few hours? just wondering

tacit cave
#

just like the example I linked above

#

not sure what you mean, it just works

golden mistBOT
#

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

📎 message.txt
tacit cave
#

The loading should be instant if you restart

#

when you add resources to yaml, you have to restart

#

you can't 'reload'

mystic timber
#

I did reboot system before checking that ^

dire bane
vast crane
#

If you only have one view, I think by default it's just called '0'

dire bane
#

Ahh, okay, that makes sense. Thanks for clarifying a bit 🙂

winged carbon
#

I am unsure if this is the right place to ask. If not, I hope someone will point out for me where to go. Anyhow, I got a pricesensor (Tibber) That gives me the energy prices for the next 24 hours, updating at around 13.00. I also got sensors giving me the consumption. What I want to do is to use the apexchart card or the mini graph card to show the energy price for the next hours and also show the consumption updated every hour, but I am not sure how to achieve this. Anyone who could point me in the direction I need to go to solve this?

broken marsh
#

Can I have tap_action on an input_select open more-info of another entity?

vast crane
tribal galleon
# vast crane If you only have one view, I think by default it's just called '0'

@dire bane Technically, each view is numbered. So if thermostat is your first view, you can browse to homeassistant.local:8123/main-dashboard/thermostat, .../main-dashboard/0, and .../main-dashboard/ will all get you to the same location. Subsequent views increase the number by one so if you want to get to the fourth view, you could go to .../main-dashboard/3.

tribal galleon
plain pike
#

man I am so deep in node red right now

#

let me go take a looksee

dark dirge
plain pike
tribal galleon
#

Can I have tap action on an input select

faint flume
plain pike
#

and no, it will not have OSK

faint flume
# plain pike and no, it will not have OSK

Thanks for the heads up. I see what you are saying, HAIOS is a web server essentially, with no GUI. but perhaps there's a way to shoehorn a browser into HAOS so that it can display a dashboard? However, without an OSK, I'm not interested. An OSK would also have to be shoehorned into HAOS. Having said this, nobody on earth has ever used a Raspberry Pi 4 to run a touchscreen with a HA dashboard?! Its shocking, but true. I can't find any reference to that setup online anywhere. Ubuntu sort of works but it has issues, such as kiosk mode on chromium-browser not really working as intended (latest version doesnt actually go full screen!).

mystic timber
runic rune
#

I am using the hacs addon Multiple Entity Row. Is there a way to use a attribute like this one?
{{state_attr(''sensor.pollenvarsel'', ''pollen'')[0].gress}}

  • type: custom:multiple-entity-row
    entity: sensor.pollenvarsel
    entities:
    • attribute: pollen[0].gress <-- This does not work
      name: I dag
tacit cave
#

or you can make a template sensor that gets that info out.

mystic timber
#

Any idea how to create something like this (for example an aquarium icon https://www.svgrepo.com/svg/137799/aquarium)

icon_nest_mini:
  custom_fields:
    icon: >
      <svg viewBox="0 0 50 50">
        <path d="M49.7 25c0 13.6-11.1 24.7-24.8 24.7C11.3 49.7.3 38.6.3 25S11.4.3 25 .3 49.7 11.4 49.7 25zm-33.9 0a2.22 2.22 0 0 0-2.2-2.2c-1.2 0-2.3 1-2.3 2.2a2.22 2.22 0 0 0 2.2 2.2c1.3.1 2.3-.9 2.3-2.2h0zm10.8 0c0 1.2.9 2.2 2.2 2.3 1.3 0 2.3-1 2.3-2.2 0-1.3-1-2.3-2.2-2.3-1.3 0-2.3.9-2.3 2.2zm-3.2 0a2.22 2.22 0 0 0-2.2-2.2c-1.2 0-2.3 1-2.3 2.2a2.22 2.22 0 0 0 2.2 2.2c1.3 0 2.3-.9 2.3-2.2h0zm13 2.2a2.22 2.22 0 0 0 2.2-2.2c0-1.2-1-2.3-2.2-2.3a2.22 2.22 0 0 0-2.2 2.2c0 1.3 1 2.3 2.2 2.3z" />
      </svg>

Thanks for helping

tacit cave
#

The font awesome integration gives you the ability to create & use custom icons

mystic timber
tacit cave
#

not sure what you mean

#

you'll just be able to use the custom icons anywhere in your UI

mystic timber
#

will the icon: contain all these numbers?

tacit cave
#

that's an svg file

#

you'll still need to make that svg file

mystic timber
#

yeah I know, but how can I get that as a text like the one that I sent?

#

cuz I got that aquarium.svg file but I need it as a code like that code above.

tacit cave
#

why do you need the code? I'm not following you

#

that code is an optimized for size SVG

#

I forget the exact term, but that's not a normal svg path

dark dirge
tacit cave
#

if you use inkscape, you can make your own by using the save as option....

image.png
#

then open the file in notepad++ and copy the path

#

inkscape adds a whole bunch of metadata

#

be warned 🙂

mystic timber
#

thanks!!

mystic timber
plain pike
#

is icon_aquarium being shown here?

thick merlin
#

https://imgur.com/a/vru5Lky
Is it possible to change the icon of a button based on the state, and depending on that icon change which script is called for? IE If AppleTV is playing, the apple logo appears. Click it to switch to FireTV, that script is called and the logo changes

tacit cave
#

this is how I added them via the font awesome integration

elfin oxide
#

Hey all, just starting with HA. When I download the frontend "Stack-in-card" It doesnt show up in the "card to choose from box" Anybody familiar with this?

tacit cave
#

deos the stack in card support UI editing?

#

doesn't look like it

#

i.e. you have to use yaml

elfin oxide
#

hm

tacit cave
#

choose "Manual" if you want to use yaml in the UI

#

for your card type

elfin oxide
#

Thanks!

#

❤️

mystic timber
tacit cave
#

yep, and then you need to use whatever you listed as the name with the custom icon front portion, I use ptr:icon_name for mine I think?

#

either that or it's whatever he tells you to use

#

by he, I mean the the docs

real crypt
#

Hello, I just installed my new UPS and setup the NUT integration. The sensor for the estimated battery runtime looks like this. The actual value is in seconds, but HA seems to understand and format it into hh:mm:ss. However, when I create an entity card, it will just show the value in seconds.. Is there an easy way to get that hh:mm:ss format to the dashboard?

image.png
vast crane
#

Can you see if it looks good with an entities card instead of entity?

#

Entity doesn't have as many features as entities w.r.t. class-based formatting.

real crypt
#

yup, actually works there.. Thanks!

mystic timber
mystic timber
#

that's what I'm getting from setting that icon_aquarium template, and implement it on my dashboard..

image.png
idle patrol
#

So hard to explain but, when i have a grid card with 3 columns, the height is good, but then if i set it to 2 columns, the height is too big, is there a way to have 2 columns with the height of 3

vast crane
idle patrol
#

i think its just because of the cards spacing thats stupidly not a config option afaik

vast crane
#

I don't think there's anything the grid can really do. Generally the grid will define the width of its children, and then each child is free to render itself whatever height it wants based on that.

idle patrol
#

didnt know if there was a setting to stretch vertically or smth, or set a set height
Im trying to use two horizontal cards or grid cards next to each other and make them the same height

vast crane
#

So cards that try to keep some kind of aspect ratio will get taller as they get wider.

idle patrol
#

blegh ill just try and compensate the other card

#

also, is there a way for me to say hold down a button and bring up the more information pane for another card

#

i have a button to turn my ac off/on but i would like it when i hold down to bring up the degrees control

vast crane
#

also, is there a way for me to say hold down a button and bring up the more information pane for another card

this came up a bit yesterday:
#frontend-archived message

tacit cave
#

it says that you use some prefix for the custom icons

#

I can't remember what the prefix is

idle patrol
summer wing
mystic timber
#

same problem man

image.png
tribal galleon
tribal galleon
#

The short answer: maybe. If you set the button card's entity to one that changes icons based on state then the icon should reflect on the button card (provided you remove the icon: from your yaml). To call your script, change your tap_action to: yaml tap_action: action: call-service service: script.craig_test_video_and_video_1Now, for the longer answer: You might have better luck using the custom:button-card https://github.com/custom-cards/button-card . It takes a bit more to set up but you can do a whole lot more with it. I is capable of styles and states, templates, and JavaScript. I use that card more than any other on my dashboard.

summer wing
tribal galleon
# summer wing im getting a Card config incorrect the card works on a dash board in trying to s...

This may not be all the issues but this is a couple I found in the vertical-stack-in-card starting at Line 63.
Line 71, entities: is not being used and should probably be removed.
Lines 72 to 109, the cards: section is indented too far and is part of the entities: section. (Upon looking at this further, it looks like you have a vertical-stack-in-card wrapped in another vertical-stack-in card (Line 63) for no reason. Line 73 & 74 should be removed and indention corrected for the rest of the card.)
Lines 115 to 153 are not indented enough. Needs to be inline with the other vertical-stack-card at Line 73.
Lines 122 to 153, the cards: section is indented too far and is part of the card_mod section.
Line 68 show_header_toggle should be removed; I don't think the vertical-stack-in-card supports it.

tribal galleon
#

I didn't use anything above Line 63 but something looks weird at Line 45. It is indented under content:. It looks like the layout-card isn't being used properly because at Line 62, everything below it should be indented once to go in the layout-card.

tribal galleon
#

If you get the indentions set properly, I don't see why this won't work in a popup and work with the landscape/portrait layout mediaquery, provided the card_mod stuff starting at Line 9 is also correct.
This is my rendition of your cards, starting at Line 63. (I removed the view_layout sections since I'm not using the layout-card for this example.)

  • I removed the titles for the vertical-stack-in-cards. I added a Markdown card as the first card to replace the title allowing it to be centered and have more options to format it. (I used card_mod for styling but you can also use HTML.)
  • I wrapped the two Mushroom entity cards in a horizontal-stack card. One of your cards used a grid card and the other did not. The horizontal-stack card is quick and easy.
  • I added card_mod options to hide the borders around some of the cards. The vertical-stack-in-card is supposed to do it but the card_mod ensures that the borders do not show. I also removed the backgrounds.
image.png 📎 message.txt
summer wing
#

the only issue in going to run it to now if im going to have 4 graphs and wanted a 2x2 layout

wide glade
#

hey guys

#

is there a possibility to set the thermostat card to only show cooling

#

I have it setup for my daikin ac unit, but I don't want to see the heating or fan modes, only cooling and off. is this possible?

fiery ledge
small loom
#

@wide glade Been a long time since I used the included one, but you might like this: https://github.com/nervetattoo/simple-thermostat - can enable/disable/customise just about every button (mode, direction, fanspeed, whatever your climate device has, or doesn't)

fiery ledge
#

changing icons is a nr1 requirement, and HA forces us to use all different types of custom, (if we need to go beyond the rather limited set of device_class's)

wide glade
#

@small loom found it already, but not exactly liking the design. any other one that looks nicer? thank you!

fiery ledge
small loom
#

Sorry, only alternative I've used. Mine looks like this (Mitsubishi high-wall, only exposing setpoint, off/heat/cool, vertical direction, and fanspeed), I kinda like the everything's-only-one-click-away nature

image.png
#

Lol, that screenshot came out a little larger than I wanted

fiery ledge
wide glade
#

messing with yaml is exactly what I'd like to avoid. it's incredible that you can't resize something in the gui even now.

#

thank you for your help. anyone with an alternative?

tribal galleon
# summer wing the only issue in going to run it to now if im going to have 4 graphs and wanted...

It shouldn't be a problem to incorporate more cards. Just define them in your layout-card, use a grid card, or wrap two in a horizontal card with the other two in another horizontal card. Just ensure the indentions are correct.
If you're considering adding more, that a look at the decluttering card. https://github.com/custom-cards/decluttering-card It will allow you to make a template of the card you've designed and add variables such as temp_entity, humidity_entity, layout_area, title. Then, you only use a couple of lines of yaml to display the card.```yaml

  • type: custom:decluttering-card
    template: my_temp_and_humidity_graph_card
    variables:
    • title: Home Assistant
    • layout_area: hass
    • temp_entity: sensor.bedroom_temperature
    • humidity_entity: sensor.bedroom_humidity```You could even set this up now if you wanted. Two advantages of templating cards is shorter code; less repetition and when you want to make a change, it only needs to be done in one spot.
vapid field
#

Sorry if not the right channel, can anyone advise how to point the area card at a certain camera, I cant seem to find it in the docs.

tacit cave
#

area card just shows an area

#

so put the camera in an area

vapid field
#

The camera is the area and to be certain i made sure it was the only one... unfrotuantely it still will not display the camera - however the entity is working fine and camera is streaming okay.

tacit cave
#

all you need is to add the attribute that enables the camera as the image then

mystic timber
#

I used notcis theme before and I could see perfectly the states colors on mobile dashboard
I moved few days ago to another theme and can't see those colors which are still appearing on the raw configuration of the dashbaord like it used to be when i was on notcis theme

Pastie of raw config colors -
http://pastie.org/p/5IiMjEjtGsFkXAzRCuopgn

vast crane
wide glade
#

could you point me to some documentation on how I can use that customize feature? when trying to put it in the visual editor, I get an unsupported feature message. I'm a begginer with yaml and dashboards in general, but I know I will need to learn in order to get the most out of HA

golden mistBOT
#

@wide glade By default, all of your devices will be visible and have a default icon determined by their domain. See customizing devices for how to change that.

wide glade
#

also, would that customize feature allow me to resize my cards vertically, or do I have to use something else?

tacit cave
#

customize has nothing to do with your dashboard

#

it's for changing attributes on entities

wide glade
#

aha, so I'm customizing the device, not the cards

plain pike
#

card-mod can help

wide glade
#

I'll check it out, thanks

vast crane
#

Yes customize overrides the entity attributes itself to report that it does not support heating. Then when frontend renders the card, it treats it as one which doesn't have any heat options. This will apply to all cards in all views for that entity.

haughty vine
#

ik that there is a hass.locaize(str_id) function.
But with all the recent enchantments in frontend localization.. is there a more entity-focused one?
Something like hass.localizeEntity(entity_id, ?attribute_name) ?

plain pike
nimble narwhal
#

Repository custom-cards/custom-cards/surveillance-card not found

plain pike
#

you will need to install HACS first

nimble narwhal
#

already installed

#

It's ok with manual install 🙂

plain pike
#

it's there for me...

nimble narwhal
#

yes it's found

#

But she doesn't updated in dashboard

image.png
#

So

#

For one camera, i've 2 frame in dashboard

#

the right frame is updated according to the settings

#

but top frame is not updated

plain pike
#

did you restart your browser to see if it makes a difference?

nimble narwhal
#

i've tried with another browser

winged carbon
#

quick question, the energy usage for a singel hour is presented in the energy dashboard. Is it possible to use it in a apexchart or is it best to make a helper (meter) that restores every hour?

tepid tartan
#

okay so here's a weird thing I've noticed
when logging into home assistant, if I let my password manager fill the username and password fields, I get a bad username/password error.

if I manually fill the fields with the exact same data, it logs in successfully.

if I have the password manager fill the fields, and then delete and manually re-type the last letter in the username and password, it logs in successfully.

dark dirge
tepid tartan
#

oh it's not a question of showing the password manager icon

#

it's acting like there's javascript on the username and password fields watching for user keystrokes

that it won't accept data just injected into the field by the password manager.

dark dirge
#

that's an example of there being issues with password managers

#

there are others

winged carbon
#

working on a apexchart card and I must admit That I do not understand everything, been searching around, searched YT, google, and so on. The first part of the graph works, I get the energy prices displayed nice for the end of tomorrow. But I also want columns showing the hourly consumption one column per hour. I have tried the sensors I have, tried to make a helper, tried to make sensors in node red, and in desperation I must admit I even visited chatgpt. But still I am lost. If anyone could have a look and point me in a direction where I can solve this I would have been happy. This is where ut stands as we speak.

📎 message.txt
dry veldt
#

my blind's buttons are reversed: down = up, up = down. it's the minimalist cover card. can it be fixed somehow?

#

I mean, I can face the fact that it says it's closed when it's 100% open, but the buttons drive me mad.

swift lantern
#

I cannot for the life of my figure out how to recreate this. What entity and card is being used?

toggle-last-changed.png
plain pike
#

its the device class of the entity I'm pretty sure

#

that makes a difference

#

guessing here but it's prolly

type: alarm-panel
states:
  - arm_home
  - arm_away
  - disarmed
entity: ''
#

is prolly more like it

left yarrow
#

Hello , question. Has anyone ever had issues making lovelace minimalist dashboards ? i have gone through every thing i can think of and watched videos but all i get is a blank screen on that dashboard

swift lantern
plain pike
#

it's just an educated guess

#

what integration are you using?

#

are you 'making' an alarm panel or do you have one integrated

swift lantern
#

making an alarm panel.

plain pike
#

well then you could possibly use a sensor

#

but if you use that card code I pasted you should be able to do it with anything

swift lantern
#

Got it, i've misunderstood what the image is. Its not a card but the popup when clicking an alarm control panel entity. Doh!

plain pike
#

yeah exactly

swift lantern
#

Mushroom will sort my dashboard..!

plain pike
#

lol OK

#

I have some I'm playing with

#

but I'm doing some wizardry 😉

swift lantern
plain pike
#

I can tag you in a thread if you like

amber jewel
#

how do i display a weather entity's state instead of its attribute in an entity card?

#

it keeps showing the temp instead of lightning-rainy

#

meh nvm

wide fulcrum
#

hi, why i have this message when i want to add ? :

image.png
vital burrow
#

Because the repository misses a hacs.json file

#

HACS cannot recognise it as a valid HACS repository

golden mistBOT
#

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

📎 message.txt
austere hedge
#

To explain further, I think my counter also counts things like LED lights on the Lightwave switches which indicate power states and groups. I'd love to exclude both. There should be 11 lights counted in the end and only if they are currently on. Instead I get 16+ at all times.

wintry stirrup
#

How can I use the html code I designed for HA?

#

With css and js

thorn granite
burnt kite
#

Hey everyone! I currently have a graph that shows the temp. When I tap it it brings up more details/ history. I want to change the tap action to navigate to a differnt page with the thermostat controls.

#

Ive added:
tap_action:
action: navigate
navigation_path: house

But it still just brings up the history

tacit cave
#

where did you add it?

burnt kite
#

In the cards yaml under name

golden mistBOT
#

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

📎 message.txt
tacit cave
#

the sensor graph does not support tap_action

burnt kite
#

Ah damn. I confused myself. I thought I added that as an entity. Any way to get this same kind of graph with the ability to add tap action?

tacit cave
#

the custom mini graph card may support it

burnt kite
#

Ah! I will give that a try. Thank you for your help

tacit cave
#

np

left yarrow
#

Hello , question. Has anyone ever had issues making lovelace minimalist dashboards ? No matter what i do i can not get my dashboard to show .. it only shows a black screen. i have gone through everything i can think of and watched videos but all i get is a blank screen on that dashboard

tribal galleon
tribal galleon
# left yarrow Hello , question. Has anyone ever had issues making lovelace minimalist dashboar...

I haven't used Minimalist but I would take a guess that the issue could be with a template or something dealing with a layout. Honestly, you can take the examples from Minimalist and incorproate them without having to install Minimalist iteself. You just have to ensure you grab all the code from the various templates for whatever you're trying to replicate. Minimalist relies on the custom:button-card. https://github.com/custom-cards/button-card

left yarrow
#

i have tghat installed through HACS

feral rivet
#

Hey guys if I want to rebuild my ui cards using decluttering card, Do I need to first create a ui-lovelace.yaml file or a declutter-card.yaml?

feral rivet
#

I am looking for any help I can get converting this card that I already reduced from 180 line to 120 lines into a decluttering card. I have read the guide. I have looked through the decluttering card forum. I have asked ChatGPT. I am more confused that I have ever been (well maybe that is a bit exaggerated). I want to use the decluttering card, because I need to use this same door lock card for 8 other doors around my home that have sensors and a lock. Here is the code http://pastie.org/p/0bkxEXS2Uq8YRmcUS6ZF9J.

vivid citrus
#

So... A used cellphone isn't the best kiosk idea for HA. Brb putting this thing outside

PXL_20230825_050401694.MP.jpg
wintry stirrup
feral rivet
#

can anyone help my find the error in this template value_template: > {% set doors = states['group.security_sensors'] | selectattr('state', 'ne', 'unavailable') %} {% set open_doors = doors | selectattr('state', 'eq', 'open') %} {% set all_closed = doors | rejectattr('state', 'eq', 'open') | list | length == doors | list | length %} {% if doors | list | length == 0 %} Unavailable {% elif open_doors | list | length > 0 %} Open {% elif all_closed %} All Closed {% else %} Unknown {% endif %} I am getting this message KeyError

ionic canopy
#

Picture_Elements State_Badge - hiding entity names

verbal flame
feral rivet
verbal flame
#

luca_navigation is the template and below you define the card

feral rivet
#

Luca, the mental block that I am having is this. I have 4 entities for each card I build. In the raw config, do I name each entity [[ Variable_entity_1]], [[ Variable_entity_2]] and so on. then in the card call each one out?

ornate pecan
#

Hey guys I’m trying to create a custom auto entities card which lists the top 10 devices power usage by watts. I can’t seem to get the state filtering working to only show if above 1w. How do I filter out anything below 1w.

IMG_8426.jpg
feral rivet
#

hey guys I wanted to create a lovelace.yaml file for all my template cards. I was able to setup the file, but when I placed a decluttering template in it I got this error

Invalid config for [lovelace]: [decluttering_templates] is an invalid option for [lovelace]. Check: lovelace->lovelace->decluttering_templates. (See /config/configuration.yaml, line 353).

What am I doing wrong?

rose hornet
#

try removing lovelace: from before your include

split granite
#

Did you read the docs?

feral rivet
#

Okay, but how do I go about calling the card info in that file later? Yes I did read them the issue is not with the decluttering card at the moment.

split granite
#

You define them in lovelace-ui.yaml

feral rivet
#

Let me explain: I am trying to place all my templated cards (custom:button_card/ Decluttering card) inside a single file where I can then manage the changes and edits. When I first created the lovelace.yaml file I did check to make sure that it would work and I got all green. then I placed the decluttering template card in the lovelace.yaml file and that is where I am now. Hope that makes sense.

#

Is what I am trying to do not making any sense?

#

Okay let me ask this instead. Is there a way or step that allows for me to place a card template in a central file that can be used across multiple views and dashboard without have to added the card template to each view? I would just use ! include to call the file.

thorn granite
#

Yes, but you can only do it when using yaml to maintain your dashboards, or you need to copy the templates into the top of the Raw View in the gui. With Yaml dashboards, for each dashboard you can add
decluttering_templates: !include common/decluttering_templates.yaml or similar to include your Yaml, you can not do this if you are using the storage method for your dashboard.

feral rivet
#

Okay so if I want to make this work I need to add lovelace->mode->yaml to my config file or I need to just added the template to the top of each view that the card might be used in? Is that the basic jist?

jolly breach
#

im sorry i am pulling my hair out on this one. i added the column-count here via dev tools and it works as expected. i just cannot figure out what im supposed to use for card mod to only impact that part of the card (still struggling through css)

columns.png
hardy kernel
#

The issue I'm running into is when I try to add the card to my dashboard

#

The documentation seems to suggest that I should be able to add a card with:

resources:
  - type: module
    url: /path/to/lovelace-roomba-vacuum-card/roomba-vacuum-card.js
#

I have confirmed the location/path of mine:

home01:~/docker/homeassistant/config/www/community/lovelace-roomba-vacuum-card$ ls -l
total 920
-rw-r--r-- 1 root root 697831 Aug 25 17:16 mop.png
-rw-r--r-- 1 root root  18297 Aug 25 17:16 roomba-vacuum-card.js
-rw-r--r-- 1 root root   3865 Aug 25 17:16 roomba-vacuum-card.js.gz
-rw-r--r-- 1 root root 215291 Aug 25 17:16 vacuum.png
#

Here is what I am seeing when trying to add the card.

Could anyone steer me in the right direction?

image.png
vast crane
#

I don't think resources is supposed to go in your dashboard yaml, it's supposed to be added as part of the config. I thought HACS did that for you.

Do you see it installed if you go to Settings -> Dashboards -> dotsvertical -> Resources?

dark dirge
#

yeah, you're following instructions that are meant for dashboards managed in YAML

#

even worse, resources were moved out of ui-lovelace.yaml years ago

#

yep, makes sense:

image.png
hardy kernel
hardy kernel
dark dirge
#

that's an ancient card and I have no idea if it works anymore

vast crane
#

Oh you need to be in Advanced Mode

hardy kernel
vast crane
#

So I think in your dashboard when you add a card, you just need type: custom:roomba-vacuum-card

#

(you can turn advanced mode back off if desired)

hardy kernel
#

Looks like it's unable to find that card

image.png
#

Also, thank you both for the help so far

#

I am fairly new to Home Assistant so this is a bit outside my wheelhouse

vast crane
#

get rid of resources

#

only:

type: custom:roomba-vacuum-card
hardy kernel
#

no dice

image.png
dark dirge
#

you need to follow the instructions

#

there are examples in the docs you linked to

hardy kernel
#

Yeah, I see now at the bottom the examples listed, such as:

- type: custom:roomba-vacuum-card
  entity: sensor.vacuum
#

Still struggling with getting that to work, though

#

it accepts this but it results in a blank card

image.png
vital burrow
#

You propably need to enter the vacuum entity and not a sensor one.

hardy kernel
#

You are correct

image.png
#

I'll tinker around with getting things not to all be "Unavailable"

dark dirge
#

the card is probably so ancient that there wasn't a vacuum domain back then

hardy kernel
ancient harness
#

I've recently started getting SIGILL error display in Chrome - literally no changes in about 6 months other than updates to HA itself... there's no updates to HACS or any integrations.

I notice it's only on one of my tabs which shows my thermostat info, but i've disabled each card one by one and it still happens, even when they're all disabled.

There's no errors in the JS console when it happens (left it open to show), but it happens pretty regularly.

I've tried everything on the Chrome help page related to the error screen: https://support.google.com/chrome/answer/95669?visit_id=638285876229414398-4127799959&p=e_awsnap&rd=1#zippy=%2Cpage-loading-error-codes-and-issues

I've tested in incognito, and it happens there as well.

It's sudden, and literally only on a single tab, and only with HA/Lovelace - no other web pages or webapps do this, and I have no clue what to check

image.png image.png
ornate pecan
#

How do I make an entity that is a count of all lights that are on with the ability to not include certain entities in that count. Then I can create a chip which will show me a count.

vital burrow
fickle trellis
#

slowly becoming part of the 3D Floorplan gang!

FloorplanWallestein3.png
#

now to code zones on it 😭

thick merlin
winged carbon
#

Can anyone help me? I want the span in a apexchart card to be dynamic if it is possible? When I have tomorrows price data for my energy prices I want the chart to have a 48h hour span and if I do not have those data yet, I want it to have a 24h span. I wrote a snippet that shows correctly in develeoper tools, but it is may not valid in the apexchart card? This is what I wrote: ````
graph_span: >
{% if states.sensor.energy_price_elsa_laulas_veg_20.attributes.tomorrow == true %}
48h
{% else %}
24h
{% endif %}

gritty barn
#

I'm trying out UI Lovelace Minimalist, and notice there's a noticable delay when loading the dashboard, compared to the default one, which is instant. Is this something that can be fixed?

tribal galleon
# gritty barn I'm trying out UI Lovelace Minimalist, and notice there's a noticable delay whe...

I'm not sure if this is the cause of the slowdown, but Minimalist is a lot of code being added via templates. If you only want a couple of different cards, you can look at the code/templates to see how the card was laid out and re-create it yourself. Just remember, that some templates call other templates so you would need to grab that code too. Minimalist relies on the custom:button-card https://github.com/custom-cards/button-card

mystic timber
#

I used notcis theme before and I could see perfectly the states colors on mobile dashboard
I moved few days ago to another theme and can't see those colors which are still appearing on the raw configuration of the dashbaord like it used to be when i was on notcis theme

Pastie of raw config colors -
http://pastie.org/p/75nddvpQzwgd6Flc2H4eIg

gritty barn
tribal galleon
#

If you're looking for a similar look as Minimalist, consider the Mushroom card. https://github.com/piitaya/lovelace-mushroom Minimalist probably has more "options" but there's a lot of bloat.
You can also look at https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_light/ in the Template Code section at the bottom for the code to see how it was made. That template also relies on icon_more_info_new
and ulm_translation_engine which are here
https://github.com/UI-Lovelace-Minimalist/UI/blob/7267adb466033b531b421665fefd95bddb2b524d/custom_components/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/internal_templates/icon_more_info_new.yaml#L4
https://github.com/UI-Lovelace-Minimalist/UI/blob/7267adb466033b531b421665fefd95bddb2b524d/custom_components/ui_lovelace_minimalist/lovelace/translations/default.yaml#L2
Just looking at these three files is a several hundred lines of code. I'd suggest creating a new dashboard (primarily for testing purposes) with a custom:button-card and starting copying sections of the code into your button. It might be a bit tedious but you'll get a better understanding of how the card is designed, cut the bloat, and create something with a fraction of the number of lines of code. That button should not take more than 50-100 lines even with all the styling.

gritty barn
#

Nice, thanks for the tips!

tribal galleon
#

@gritty barn This is my generic button. I have several of these across several views. It uses a template that is 34 lines long, but to call it is only 8 lines (5 if I don't add the hold action).

 - type: custom:button-card
  template: generic_custom_button
  entity: light.living_room_lights
  name: Living Room
  icon: mdi:television-classic
  hold_action:
    action: navigate
    navigation_path: /fire-main/living-room```
image.png
#

This button uses the same template as above but has a larger aspect ratio and some added fields. This template adds 43 lines on top of the template above. (The Automatic section which is not used on all of the oversized cards is 6 lines.) To call it: ```yaml

  • type: custom:button-card
    template: oversized_custom_button_with_auto
    entity: light.kitchen_lights
    hold_action:
    action: navigate
    navigation_path: /fire-main/room
    variables:
    var_auto_entity: '[[[ return ''input_boolean.automation_auto_kitchen_lights''; ]]]'```
image.png
tribal galleon
#

These buttons even rely on the first template but have their own stylings. I have a couple of preset brightness values and color selector buttons. The brightness button lights up depending on the light's brightness.

image.png
mystic timber
# mystic timber I used notcis theme before and I could see perfectly the states colors on mobile...

do I need to put these templates maybe somewhere else to be able to see them?

I have also added to the theme.yaml file the colors def I had in the other theme I used before.

    #Colors for room-card
  google-red: "#F54436"
  google-green: "#01C852"
  google-yellow: "#FF9101"
  google-blue: "#3D5AFE"
  google-violet: "#661FFF"
  google-grey: "#BBBBBB"
  color-red: "245, 68, 54"
  color-green: "1, 200, 82"
  color-yellow: "255, 145, 1"
  color-blue: "61, 90, 254"
  color-purple: "102, 31, 255"
  color-grey: "187, 187, 187"
  color-pink: "233, 30, 99"
  color-theme: "51,51,51"
tribal galleon
#

@mystic timber Those aren't templates; they're just variables. Provided you have the theme selected for that view's configuration, you should just need to call them like this:yaml type: custom:button-card entity: light.living_room_lights color: var(--primary-background-color)

image.png
spare dome
#

I got two scripts to turn on and off my Apple TV + home system. Issue is that it's not currently possible to see which state the Apple TV is in.
Would it be possible to make a switch (See icon) with both scrips?

rdmHSvR.png
dark dirge
#

you mean something other than the actual state of the entity?

spare dome
#

Atm I only have a button I press for it to turn on and long press to turn off. I can't see which was the last state or anything like that.

I would like a toggle switch so when I turn it to the right (like the picture) it enables the on script and the other way the off script

tribal galleon
mystic timber
tribal galleon
#

@mystic timber I gotcha. I think you and I talked about the custom:button-card templates in the past. The custom:button-card is one of the few cards that supports templating. For those that don't, the decluttering card can be useful. (Generally, templates, in terms of HA, are a bit different and has its own channel #templates-archived ).
But to answer your question, if you put the variables and values into your theme file, then you can reference them directly. (\config\themes\theme_name\theme_name.yaml)

image.png
#

Here's the button using your google-red variable. I just added it to my theme. (Interestingly, the preview in the UI doesn't show it but it shows fine on the dashboard.)yaml type: custom:button-card entity: light.living_room_lights color: var(--google-red)

image.png
tribal galleon
#

Can you post or DM your card_room template? I'm curious how I have the various entities setup.

wooden flicker
#

I can't tell if this is an addon or some trickery for the code, from a youtube video from MostlyChris' stuff. I asked there, but haven't heard much, but within the arrowed parts, I like what was done there and would like to replicate that.

tribal galleon
#

You have to be more specific. I've talked to him before and have used some of the examples from his videos.

wooden flicker
#

Sorry about that, I didn't hit enter after uploading it. My bad.

tribal galleon
wooden flicker
#

Yup! I will check that out thanks!

wooden flicker
#

@tribal galleon that is it. Thanks so much for your quick response!

tribal galleon
#

@wooden flicker anytime. it just worked out well that I just happened to be in front of the computer when you posted your question. Here's some code that I use on my cards (indention is a bit off but you get the gist of it):

golden mistBOT
#

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

📎 message.txt
cerulean storm
tribal galleon
#

Looking a bit more, the card seems limited on its customization. A bunch of posts asking for features and styling options but the card has not been updated in over a year.

tribal galleon
#

An alternative to custom:bignumber-card

mystic timber
mystic timber
tribal galleon
#

@mystic timber I don't think those values are supposed to be sitting in room card:. Try commenting that line out, reload All Yaml Configuration from Dev Tools and see what happens. Different syntax for different things. Theme variables are not the same as custom:button-card templates. Theme variables won't go in the Raw but bc-templates will. You would still need to call the variable like I showed in the earlier example. These are not cb-templates like you're trying to call in your screenshot.

image.png
mystic timber
#

Should I copy all those variables that sitting on the raw config to the theme.yaml I got?

tribal galleon
#

button-card templates (typo).
You already have the color variables in your tablet.yaml theme file (at least it looks that way in the screenshot). Set the View to use that theme and you should be able to reference the color variables in a color: for a card. For example, color: var(--google-red).
If you also have them in the Raw, I'm surprised that it did not throw up errors and break the dashboard. Those variables and values are for use in a theme. Themes, templates , and custom:button-card templates are not the same thing.

golden mistBOT
#

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

📎 message.txt
mystic timber
#

looks like nothing changed, after reloading all YAML configurations files on Dev tools

image.png
tribal galleon
#

You can use the variables in your yellow_On and red_Off custom:button-card templates.

mystic timber
tribal galleon
#

Did you comment out/remove the card_room: from the tablet.yaml?

mystic timber
tribal galleon
#

That part looks good.

stuck granite
#

Hey Everyone! so I've looked every where and its a simple problem that I can't solce lol, for some reason I can't set the background image for the theme I got from HACS, does anyone know how to properly set a custom wallpaper for a dashboard?

karmic tendon
winged carbon
sharp fjord
#

Hi, it is possible to know from HA if there are notifications in the frontend (persistent notifications) pending to be discarded? Also it will be just ok if I can know if the frontend notification list is empty.

spare dome
tribal galleon
#

@spare dome I'm not sure if the button will react like how you were using with the previous button (tap = on/double-tap = off). But, with that said, if you have an input_boolean (toggle) helper, which will act as the state of the Apple TV, you should be able to consolidate your scripts into one. Start the script by checking the input_boolean's state. If it is on then run the off portion; if it is off then run the on portion. At the end, toggle the input_boolean.

#

Why, after a couple of years of playing with and learning stuff in the front-end am I just now learning that the border sides can be set individually..... yaml type: custom:button-card entity: light.living_room_lights name: Living Room styles: card: - background-color: transparent - border-radius: 20px - border: 5px solid - border-left-style: solid - border-top-style: dotted - border-right-style: dashed - border-bottom-style: none - border-left-color: red - border-top-color: white - border-right-color: blue

image.png
trim wadi
#

Hey gang, I am trying to show this webpage as an iframe, or use some other method to capture the satilite view it provides. But when I try:

      - type: iframe
        title: 'East Coast'
        url: 'https://www.star.nesdis.noaa.gov/goes/sector_band.php?sat=G16&sector=ne&band=GEOCOLOR&length=24&refresh=true'
        aspect_ratio: 16x9

I get back "www.star.nesdis.noaa.gov refused to connect." Any tips?

austere geode
#

Anyone working with floorplanner who kan point me in direction of some on off svg files for lights and so on ?

tribal galleon
#

@trim wadi iframes are finicky when it comes to HTTPS connections. Because of that, I ended up going with a picture card using a link the an animated PNG of the radar I wanted. Windy.com (I believe) has some options via the API to integrate its maps.
But looking at the ones from NOAA, I think the best thing would be to develop a script that can grab each of the images in the animation (the links are basically the same except for the timestamp in the filename) and the compile the animation locally. (But that's out of my area of expertise, though I am interested in maybe doing something like that too. Too much to do and so little time.)
I'm not sure about the Empire State Building stream. I wonder if a Frigate or some other "security camera" card could incorporate a stream like that. The Glass viewer seems like it would be the way to go with that stream.

# 
type: picture
image: >-
  https://s.w-x.co/staticmaps/wu/wu/wxtype1200_cur/usday/animate.png
tap_action:
  action: none
hold_action:
  action: navigate
  navigation_path: /fire-main/weather
card_mod:
  style: |
    ha-card {
      border: none;
      background-color: transparent;
    }```
image.png
trim wadi
shy crystal
#

hi, I am trying to load frontend cards from HACS (currently just mushroom.js) and when I add it to resources, it still says not loaded. I am running the OVA in a VM and have tried adding /local/mushroom.js to the resources UI and trying /local/mushroom.js as a resource to my configuration.yaml. i can browse directly to the js file at https://home.mydomain.name/local/mushroom.js and it shows up on my local web browser

tribal galleon
#

@trim wadi From https://www.star.nesdis.noaa.gov/GOES/sector.php?sat=G16&sector=ne
GeoColor > Download Images > scroll to the very bottom > the .gif is the most recent animationyaml type: picture image: >- https://cdn.star.nesdis.noaa.gov/GOES16/ABI/SECTOR/ne/GEOCOLOR/GOES16-NE-GEOCOLOR-600x600.gif tap_action: action: none hold_action: action: none

image.png
#

Not sure how often the animation is updated. As I'm writing this, it is 30 minutes old. Individual images seem to be available every five minutes. The animation is only 600x600 while individual images are available up to 2400x2400. The individual files are time-stamped and go back ten days. A most recent file in each resolution has a static link so it wouldn't be hard to automate getting the most recent high-res image.
EDIT: Looks like the animation is generated every hour. I found old ones in the list of files. In this case, every 15 minutes after the hour.
EDIT2: Static image filenames: lastest.gif (2400x2400), 2400x2400.jpg, 600x600.jpg, and 300x300.jpg

atomic glacier
#

@tribal galleon was playing around with it a bit and the generic camera displays it well and the ratio can easily be changed to fit the view spot... this

radar_test.png
sharp totem
#

Hello, I have a problem. I'm watching this video: https://www.youtube.com/watch?v=PcP-cG2sOV4
and Light Bulb Animation don't work
type: custom:mushroom-template-card
icon: mdi:lightbulb-on
icon_color: amber
primary: Light Bulb
card_mod:
style:
mushroom-shape-icon$: |
ha-icon {
--icon-animation: illumination 2s infinite;
}
@keyframes illumination {
0%, 100% { clip-path: inset(0 0 0 0); }
80% { clip-path: polygon(0% 99%, 20% 55%, 22% 37%, 39% 20%, 61% 21%, 77% 35%, 79% 57%, 99% 100%); }
}

trim wadi
#

Thank you so much @tribal galleon @atomic glacier I've been trying to figure that one out for awhile 😄

tribal galleon
#

Depending on how old the video is, there was recently a breaking change to how the card handles card mod animations. Check out this post were myself and a couple of other guys figured out the change: https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily/388590/7231?u=d_sellers1

type: custom:mushroom-template-card
primary: Robot
icon: mdi:robot-outline
icon_color: deep-purple
entity: input_boolean.tester
card_mod:
  style: |
    ha-state-icon {
      animation: rotation linear infinite 3s;
    }
    @keyframes rotation {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg);}
    }```
dusky haven
#

So what's the trick to getting HA to send changes to a .js file to the browser? When I make a change using File Editor or VS Code HA saves the file, but is not served to the browser. I've restarted HA, cleared the HA cache, cleared the browser cache tried incognito windows etc. It's not like it's the most recent old version either. Sometimes HA sends me something from 2-3 revisions ago.

frail matrix
#

After installing the HACS Frontend repo called hass-swipe-navigation I could no longer access the Sidebar on android companion app. I didn't see a setting in the repo to add the sidebar back so I removed the repo from HACS, however I still cannot access the sidebar on mobile. I tried using the Browser Mod setting to always show the sidebar but it is still being hidden. I also tried clearing the app cache and force closing the app. When I open the companion app I see the sidebar for an instant and then it dissapears.

Anyone have an idea what could be going wrong here? It seems like hass-swipe-navigation is still running even though I removed it. Either that or I changed a setting somewhere else without realizing it.

trim wadi
dusky haven
#

Does anyone know of a way to add a class to the <body> element of a dashboard?

frail matrix
tribal galleon
#

Just in case you didn't get it working yet:yaml type: custom:mushroom-template-card icon: mdi:lightbulb-on icon_color: amber primary: Light Bulb card_mod: style: | ha-state-icon { animation: illumination 2s infinite; } @keyframes illumination { 0%, 100% { clip-path: inset(0 0 0 0); } 80% { clip-path: polygon(0% 99%, 20% 55%, 22% 37%, 39% 20%, 61% 21%, 77% 35%, 79% 57%, 99% 100%); } }

Mushroom_Light_Bulb_blink.gif
charred dawn
#

Is there a good way to move my add-ons to a a series of views under a dashboard? I'm effectively trying to create subfolders for the main menu. I don't need ESPHome, Visual Studio code, HACS, etc, taking up space on my side menu, but still want relatively quick access to them. Edit: same for things like logbook and history

vast crane
#

Just make a button, tap action: navigate, and all your addons and panels should be choosable navigation targets in the selector.

charred dawn
#

Thanks! Not quite what I was hoping for, but it certainly easy to impliment

#

On a related note: is there any way to get both icon and text for a view to show up in the top menu?

#

Uh oh! If I disable "show in sidebar" for a plugin, the button stops working

#

How do I remove from sidebar while preserving the ingress path?

scarlet mountain
#

Hey everyone, I'm trying to understand card-mod and mushroom cards a little more.. How would I combine these two to be able to change the icon color and shape color?

  style:
    mushroom-shape-icon$: |
      .shape {
        --shape-color: orange !important;
      }```

```card_mod:
  style: |
    ha-state-icon {
      color: orange;
    }```
scarlet mountain
#

LUL

cosmic remnant
cosmic remnant
tribal galleon
# scarlet mountain Hey everyone, I'm trying to understand card-mod and mushroom cards a little more...

Here's some code for you to play with. (I added your ha-state-icon to my example that I already had setup.) This example is from a custom:mushroom-entity-card but also works with the mushroom-template-card.yaml card_mod: style: | :host { --mush-icon-size: 60px; --card-primary-font-size: 30px !important; --card-secondary-font-size: 10px !important; } ha-state-icon { color: black; } mushroom-shape-icon { --shape-color: red !important; --shape-color-disabled: none !important;} }

image.png
#

You can also incorporate something like this for icon color. This can easily be adapted for icons and doesn't need card_mod to work. yaml icon_color: |- {% if states(entity).lower() == "on" %} green {% else %} red {% endif %}

scarlet mountain
#

I’ll check it out. Thanks! I was trying to use the mushroom cover card for my garage door to try and match the lock card look. I’ll try out the template card as well

#

basically trying to get the background image (which i believe is mushroom-shape-icon) to change color to match the locks

#

the ha-state-icon in my example is the garage door icon

tribal galleon
#

Okay. So, per your code that you posted above, the icon shape should be orange right now?

# 
        mushroom-shape-icon {
          --shape-color: red !important;
          --shape-color-disabled: orange !important;}
        }```-color appears to be for "on" and -color-disabled appears to be "off". I think you need the disabled defined.
#

I thought the card should handle the colors appropriately. Since you have a green icon, it should use a different green shape; just like the lock cards. You may have found a bug in the card.

tribal galleon
# mystic timber Any idea how to create something like this (for example an aquarium icon https:/...

@tacit cave The other day you have helped @mystic timber try to integrate SVGs into his dashboard but he was looking to put the actual code into the yaml rather than use an SVG file. He got the idea from https://github.com/matt8707/hass-config and referenced the icon_nest_mini in https://github.com/matt8707/hass-config/blob/master/button_card_templates/icons.yaml. His goal was to create an aquarium icon from https://www.svgrepo.com/svg/137799/aquarium
I managed to get it working by putting the SVG code into a custom_field for a custom:button-card. (I already had this card created but as I started to tinker with it, I started to mess it up.) The OP's SVG code did not work (along with some others from the icons.yaml from above.) The Plex icon did work though. The Plex SVG code is 4 lines while the aquarium's around sixty-something lines...yaml custom_fields: icon: | <svg viewBox="0 0 50 50"> <path d="M7.7.3h34.6c4.1 0 7.4 3.3 7.4 7.4v34.6c0 4.1-3.3 7.4-7.4 7.4H7.7c-4.1 0-7.4-3.3-7.4-7.4V7.7C.3 3.6 3.6.3 7.7.3z" fill="#282a2d"/> <path d="M25,7.1H14.6L25,25L14.6,42.9H25L35.4,25L25,7.1z" fill="#e5a00d"/> </svg>

image.png
#

I'm not sure what to do next with this information as I don't quite understand the styles and grid layout to make this card work. ```yaml
grid:
- grid-template-areas: '"icon icon" "n n" "battery status" "s s" "wifi steps" "sd sd"'
- grid-template-columns: 1fr 1fr
- grid-template-rows: 1fr min-content min-content min-content min-content

mystic timber
#

That's incredible, how did you extract the actual SVG code from the SVG file?

tribal galleon
mystic timber
#

but that's super long length, how do you extract from this vector code the actual right path that I need for the aquarium icon?

icon_laundry_machine:
  custom_fields:
    icon: >
      <svg viewBox="0 0 50 50">
        <path d="M45,40c0,2.2-1.8,4-4,4H9c-2.2,0-4-1.8-4-4V10c0-2.2,1.8-4,4-4h32c2.2,0,4,1.8,4,4V40z M7,10v30c0,1.1,0.9,2,2,2h32 c1.1,0,2-0.9,2-2V10c0-1.1-0.9-2-2-2H9C7.9,8,7,8.9,7,10z M24,5c0.6,0,1,0.4,1,1v3h-2V6C23,5.4,23.4,5,24,5z M44,33.9V16.1 c0-0.9-0.7-1.6-1.6-1.6H7.6C6.7,14.5,6,15.2,6,16.1v17.8c0,0.9,0.7,1.6,1.6,1.6H42.4C43.3,35.5,44,34.8,44,33.9z M10,21h30v2H10V21z M10,27h30v2H10V27z M10,33h30v2H10V33z" fill="#ffffff"/>
      </svg>

like this part that showing up on path

golden mistBOT
#

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

📎 message.txt
tacit cave
tacit cave
#

I guess teh only thing I would say is that you want to ensure that 1fr is what you actually want

#

that's a fraction, and when you use min-content, there's no other fractions to go against

#

so if you want a smaller icon, you should specify your height better.

#

something like 3fr 1fr 1fr

# 
  grid:
    - grid-template-areas: '"icon icon" "battery status" "wifi steps"'
    - grid-template-columns: 1fr 1fr
    - grid-template-rows: 2fr 1fr 1fr
#

2 + 1 + 1 = 100%, so half the grid will be the icon, the other half will be split between line 2 and 3

#

typically i do percentage there

# 
  grid:
    - grid-template-areas: '"icon icon" "battery status" "wifi steps"'
    - grid-template-columns: 1fr 1fr
    - grid-template-rows: 35% min-content min-content
tardy glen
#

Argh
It's extremely difficult to debug this zero-width-columns issue in lovelace, because as soon as I open the browser debugger, it fixes itself
But it looks like some of the columns are having flex-grow:0 set in their style when the page loads
And I can't just inject custom CSS to fix it because they're inside (deeply nested) shadow roots and the lovelace custom css only applies to the top-level

heavy shoal
#

Hello homies,
does anyone have a nicer way to display calendar events on a dashboard. The default one is too bloated. I was going to use the get list events and have it under a markdown card but unfortunately I do not know how to link both.

mild gate
#

im really confused by the chromecast cast service and how it works with the frontend... On a 1080p TV with a HD chromcast I see more of a dashborad than I see on a 4k chromecast on a 4k TV.. and I get an entirly different resolution on a 4k monitor running a Pi in kiosk. How is resolution determined?

atomic glacier
#

@trim wadi So far the best display option for my set up with minor aspect_ratio adjustment for my screen:

  - type: picture-entity
    image: >-
      https://cdn.star.nesdis.noaa.gov/GOES16/ABI/SECTOR/smv/Sandwich/GOES16-SMV-Sandwich-600x600.gif
    entity: sun.sun
    show_state: false
    show_name: false
    camera_view: auto
    aspect_ratio: 16x14
    tap_action:
      action: none
    hold_action:
      action: none
charred dawn
cosmic remnant
#

cleared cache?

#

it gets really weird with cache,

vivid dust
dusky jackal
tribal galleon
# vivid dust Hello, what type of automation would you suggest to acquire the latest file na...

@trim wadi @atomic glacier My plan was to make a Python script to download the file, but seeing as how I don't know Python, I figured I would have to learn. I looked around on Google a bit and found HA actually has a Downloader integration available. https://www.home-assistant.io/integrations/downloader It has to be enabled in the configuration.yaml by adding yaml downloader: download_dir: downloadsTIP: the download_dir folder needs to be available and writeable before HA starts up or the integration will not start. Also, the path is relative to /config/ (/config/downloads/).

In Dev Tools > Services > Downloader, I called the following service:yaml service: downloader.download_file data: url: https://cdn.star.nesdis.noaa.gov/GOES16/ABI/SECTOR/smv/Sandwich/GOES16-SMV-Sandwich-600x600.gif filename: satellite.gif overwrite: trueThis downloaded the hourly animation. You can also use lastest.jpg to download the most recent static image which is 2400x2400.

#

Next, I created a simple automation which triggers every five minutes: ```yaml
alias: Download latest.jpg
description: Downloads the lastest.jpg from NOAA.org
trigger:

  • platform: time_pattern
    minutes: "/5"
    enabled: true
    condition: []
    action:
  • service: downloader.download_file
    data:
    overwrite: true
    url: >-
    https://cdn.star.nesdis.noaa.gov/GOES16/ABI/SECTOR/ne/GEOCOLOR/latest.jpg
    filename: lastest.jpg
    mode: single```Note: don't try to download lastest.jpg and save it as lastest.gif. It won't work and it won't tell you why it didn't work in the logs... (speaking from experience)
    EDIT: Filename is optional so you can omit it and it will use the original filename if you want. If you want the automation to trigger at a certain time each hour, just put the time as minutes: "15" which will trigger every hour at 15 minutes past.
tribal galleon
#

@vivid dust In regards to determining the latest time-stamped filename, that I'm not sure. This is about the extent of what I know. I have seen examples where Python can do a HTTP request to get files and there's a way to get the file listing or perhaps scraping the Index of page. Then, perhaps the appropriate file can be downloaded and something set up so only the 10 most recent files are kept.

golden mistBOT
#

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

📎 message.txt
willow berry
#

Hi, is it possible to have more views in calendar ?

tacit cave
#

you'll have eto elaborate on what you mean

willow berry
#

You have 4 views in calendar, but i would like another views where i can see like outlook with hour a right and event on row of hour

feral rivet
#

Hi, I know that it is possible to navigate to a view, Is there a was to navigate to a single card? USE Case: I am building out a mobile dashboard. It is nice t have all the cards on a single dashboard on my desktop view, That said in my mobile view I just want to see a single card unless I am navigating to something else. I am aware that pop up cards are another options, but it just doesn't feel as smooth and professional.

tacit cave
atomic glacier
#

Wayward DinoTech My plan was to make a

analog steeple
#

can anyone point me to any examples of a universal remote interface designed with a touchscreen in mind? usecase: my logitech harmony remote for the home theater equipment has been rendered useless (thanks kids!) and I realized all of the components of my HT are already integrated into homeassistant (Denon AVR, Epson Projector, Apple TV, Android TV). So i'm wondering if i could just create a layout with buttons to mimic the basic functions of whatever device is selected and use it on my phone or a spare tablet and eliminate IR from the equation.

thorn granite
#

There are quite a few examples in HACS with pictures or just buttons, I ended up using a simple dashboard with conditional cards which have the correct buttons for different modes, depending on the current HDMI port selected on the TV. I can control most things with the TV remote these days, but our DVR still needs different controls.

analog steeple
solar spruce
#

is there a way to add a slider to the dashboard that controls the attribute of a helper? I am asking because the threshold sensor does not let me input as lower or upper limit another helper (number input)

vast crane
#

no

solar spruce
#

I cannot believe that no one thought of this before

vast crane
#

Guessing you could probably make a template sensor that could do it instead of a threshold sensor.

solar spruce
#

number input helper creates a slider in the dashboard - cool; but I want that number to be the attribute of another helper - isnt there a service or something that can change one according to the other - I looked a bit but don't know the names of the services I can call that well

solar spruce
#

But i want to control that threshold sensor somehow without admin access

silent bloom
#

Trying to upload a font from my computer and use it in a theme, but not having any luck.

#

Created /fonts/ in /www/, uploaded MyFont.otf
Add resource: /local/fonts/MyFont.otf
Themes:

mytheme:
  primary-font-family: "MyFont"
  ha-card-header-font-family: "var(--primary-font-family)"
  ...etc

Still just shows Times, I think? Some serifed common font, everywhere. The font I'm uploading is san serif so it's obvious it's not working.

#

And yes I hard refreshed the browser. A lot.

golden heath
#

is it possible to change the size of badges / cards using css ? i got the card-mod addon from HACS but even with it, if i do the following code inside the raw configuration editor it wont change the size of the badge,

cards:
  - type: entities
    entities:
      - person.Wipeout
    styles:
      - width: 100px
      - height: 100px
    title: Bedroom

i thought that if i was to make a theme there would be a way to add css too it through a Theme-test.css file in the **/themes/THEME_Test/css ** folder i could shove all the css edits in there. but it still doesn't work
i have this line in my config.yaml

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes
dusky jackal
#

how can i use this style AND ha-card styling together? card_mod: style: mushroom-fan-percentage-control$: | mushroom-slider { --main-color: teal !important; --bg-color: #d1eced !important; } style: | ha-card { border-width: 1px; border-radius: 25px; border-color: black; text-align: center; }

#

aha, ever notice that you always find the answer yourself only after posting? card_mod: style: mushroom-fan-percentage-control$: | mushroom-slider { --main-color: teal !important; --bg-color: #d1eced !important; } .: | ha-card { border-radius: 25px; border-color: black; border-width: 1px; text-align: center; }

vivid dust
tribal galleon
#

I can't take credit for that. That was @atomic glacier.

#

@opal jay Change your card: section to: yaml card: type: custom:layout-card layout_type: custom:grid-layout layout: grid-template-columns: auto auto grid-template-rows: autoThe two autos in grid-template-columns signify two columns, automatically sized. You can change this to pixels or percentage.

#

Some card_mod stuff

vivid dust
#

I figured out how to find all the hrefs on a specific page, then filtered for the specific filename that I want to dowload. So I have the url, then downloaded it and the little script works fine. here is the script. https://pastebin.com/Mdutd7YB My question is how to run this from within home assistant? And how does it manage those libraries like Beatuifulsoup?

tribal galleon
# vivid dust I figured out how to find all the hrefs on a specific page, then filtered for th...

I think the short answer is going to be AppDaemon https://github.com/hassio-addons/addon-appdaemon; it's available through the Add-on store.
I remember seeing BeautifulSoup during my Googling. I also found where someone was trying to run a script in AppDaemon and they did not have BS loaded. ```The python script needs the Beautifulsoup4 library.
You should add this in the configuration of AppDaemon4.

init_commands: []
python_packages:

#

Looking through some of my message history, it was around this time three years ago I was trying to do some stuff in AD, but was overwhelming with not knowing what to do...

vivid dust
#

ya, im running HA from a docker container so I dont have addon's.

opal jay
pine crypt
#

anyone familiar enough with dwains dashboard? im new and i butchered it and want to start with a fresh discovery. i hit HIDE and DISABLE for one rooms worth of entities and i cant get it back

#

do i have to delete the whole integration?

compact pebble
#

I have 2 home assistant instances and was wondering if I could automatically switch between the two default dashboards in the companion ap based on my connected wifi ssid or gps location?

errant plover
frosty flower
#

is there some reason/logic how home assistant estimates/rounds times that i dont understand?
to my brain, this 6:37 time should say "48 minutes ago" rather than "1 hour ago"
how ha estimates times doesnt make sense to me, its also not how the relative_time filter estimates time (or, to my knowledge, how most things estimate time)

image.png
copper isle
#

help needed with gap between 2 cards side by side . I am using custom layout grid card.

1_1234.png
#

I am using following code:

grid-template-rows: 40%
margin: "-25px -80px -50px -4px"```
#

Can't seem to reduce the gap in mid.

tacit cave
#

gap in the middle is controlled by the grid itself and the item inside's margin, not the margin on the grid

#

also, it's hard to tell what grid you're referring to.

copper isle
#

that is the entire code

tacit cave
#

can you use a share site please

golden mistBOT
#

@copper isle 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.

tacit cave
#

just use the link, ignore the message

copper isle
tacit cave
#

Ok, you're referring to the outer grid

#

what does it look like with that crazy margin?

copper isle
#

I am pointing towards the gap between 2 grid cards (between Stairs GF and Stairs 1F).

half rune
#

Dashboards... I accidentally deleted my 'View', and had to get the dashboard JSON code from a backup.
However, I have no idea where to place it.
UI controls my dashboards.
I have a .storage/lovelace_dashboards file, but I don't seem to have a lovelace directory.
Thoughts?

Edit: It wasn't until I attempted to open the actual Settings/Dashboards file that I had an option to take control of it, then the specific file appeared in .storage.

wanton apex
#

Hi! I have my security cameras visible on my tablet via general camera via rtsp. But, sometimes when, for example, there is something wrong with the internet connection, it says connection lost. When the internet connection is then restored it does not restore the connection with the camera's. Is there a solution for this?

tacit cave
copper isle
#

With margin

#

Without

#

Not much of a difference for the middle gap. Only side margins are affected.

tacit cave
#

and what does the inpsector show for the grids

copper isle
#

without margin:

1_66666.png
tacit cave
#

well that's ultimately your problem, your entities are not taking up the whole grid

#

nore are your grids the same size

#

I'd work on getting everything centered, and the right size. It seems like you have a spacer in your internal grids. Mabye you have them set up as a 2x3?

#

regardless, you aren't going to get rid of that space with margin magic

#

you'd need to adjust the internal margin of the objects, not on the grid

#

i.e. stairs 1f would need to have -33% set for left

#

and just so you know, margin is "outide" your object. Padding is "inside your object"

copper isle
#

Can you kindly suggest such code that will individually address gap issue for each grid? I have tried using simple Padding for the whole layout card but it has no affect.

tacit cave
#

just put a margin on your internal cards, -30% for left

#

margin: 0px 0px 0px -33%

copper isle
#

Should I use margin with card mod because it's not working as is?

tacit cave
#

no, you need to put it on your internal grids

#

do you understand what that means?

#

you have an ouside grid

#

then you have 4 inside grids

#

then you have button cards in those inside grids

#

the 2 of the 4 inside grids need that margin adjustment

#

you may have to switch those inside grids to custom grid layouts

copper isle
#

Yes i Know that, but this command is not working on individual grids. Yes i should switch those inside ones to custom grid layout. Thanks i will try this now.

tacit cave
#

if i'ts not working that means the card doesn't support it

#

i.e. switch to the custom grid

copper isle
#

will try custom grid layout on individual grids

tacit cave
#

and sorry, i don't have the code handy because I don't use these cards

copper isle
#

That's fine you helped alot. Thanks i am gonna try it

willow garden
#

Hey guys, i wanna have card or something like that, like an alarm clock. I want to set a time and then something defined happened. Is there something like that?

vast crane
#

That's not really a "card", but you can have an input_datetime helper that you can set in a card, and then an automation will run when that time occurs.

willow garden
#

Thanks. Do you know a documentation for that?

#

Think i found it

vast crane
willow garden
#

Thank you

#

Yes that works, nice! Can i easily define that this should only happens once?

vast crane
#

Your automation can turn itself off as part of its actions, and then it won't run again.

willow garden
#

Uh thats smart

#

And then i put a switch in the entity card to turn it on again

vast crane
#

That's one option. You could also turn it on automatically anytime the input_datetime changes value.

willow garden
#

Too late to think

#

Also a nice idea! Thanks for your support!

broken marsh
#

[Duplicate automation - Save - Cancel] leads to a new duplicated automation called automation 135 here. Known bug?

vast crane
broken marsh
#

Yeah, that matches with how long I've experienced it 😄

feral rivet
near vine
#

Hi! I have an idea and am not sure quite how to realize it, but I think this is the right place to start.

I'd like to combine a calendar, counter, countdown, list generator, number selector, and button all together and have it available and editable from the frontend.

#

Basically: I would like to have a to-do list of recurring tasks of varying lengths of time that would be visible on a calendar. The thing is, I don't always do the tasks when they're supposed to be done... so I also need a counter/countdown to let me know how many days off I am from when the task was due to be done. With that said, I'd like to ability to mark (most likely via button press) when I actually do the task, which would restart the countdown to do it again from that day on the calendar (and not when the task should of been done).

#

is such a thing possible/is it already a feature/card I'm not aware of?

#

A simple, and real life example: I would like to give my dog a bath every 3 weeks but I often don't end up doing it on time. I'd like to track each time I actually give him a bath, and know when the next time I'm supposed to give him the next one based on "bath +21" (instead of just every 21 days). Then I'd like to add "nail trim @ 7 days" to the list knowing all-to-well that will almost never happen on time.

vast crane
near vine
vast crane
near vine
#

and can you click them to reset the due date?

vast crane
#

yeah. it has concept of tasks and chores. tasks you click them and they are done, chores recur based on some different scheduling logic.

#

Grocy is kind of heavyweight to setup, it does a lot more stuff than this, but the chore tracking integrates really well with HA, so it's worth it just for that IMO.

near vine
#

that's great 😄 looks like adding new chores will be simple enough too

#

Funny I wouldn't be using it for food/groceries whatsoever

vast crane
#

you can add them through API calls from HA, or it has its own separate web-interface for management.

#

I tried the food thing for a bit but it's just soooo tedious.

#

though it was nice to be able to see an inventory of what's in my tool shed without going to go dig around and look for stuff.

solar venture
#

hello, what is wrong with this icon state change?
`cards:

  • type: custom:mushroom-title-card
    title: Allarme Casa
    alignment: center
  • type: entity
    entity: sensor.alarm_on
    icon: |-
    {{ states('sensor.alarm_on') == 'Off' ? 'mdi:alarm-light-off' :
    'mdi:alarm-light' }}
    state_color: true`
#

the sensor.alarm_on can be 'Off', 'Partial' or 'Total'

tribal galleon
#

@solar venture Are you using a stock entity card? If so, that won't work without some card_mod.

# 
type: entity
entity: light.hallway
name: Entity card using one state
card_mod:
  style: |-
    :host {
      {% if is_state('light.hallway', '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 %}
    }```*EDIT: Screenshot from an entities card.*
image.png
solar venture
#

oh, right, wuth card_mod it works

#

thanks

#

with card_mod can I change just the name color of an entity in a card?

#

:host { color: red; }
it means the name entity color?

#

I tried but it does nothing

tribal galleon
# 
    card_mod:
      style: |-
        :host {
          {% if is_state('light.hallway', 'off') %}
            --card-mod-icon: mdi:light-switch-off;
            --card-mod-icon-color: red;
            --primary-text-color: red;
            --secondary-text-color: blue;
          {% else %}
            --card-mod-icon: mdi:light-switch;
            --card-mod-icon-color: green;
            --primary-text-color: blue;
            --secondary-text-color: red;
          {% endif %}
image.png
solar venture
#

thanks

#

it is not documented

tribal galleon
#

It is just a card_mod thing. "Figure it out as you go." You can also Inspect the page to figure out what it is you're trying to modify but I'm still figuring out that aspect. That's why I keep examples for future reference.

#

Also, what works with one card, may not work with another.

vital bramble
#

Any ideas why some pictures in a picture card are not shown when using the app? Works fine in browser so cant be the config 🤷🏻‍♂️

dusky haven
#

I've created a .js file with various methods to do things like calculate colors for a custom dashbaord I'm working on. Ive added the js as a resource, exported the functions, and used extra_module_url: in my configuration.yaml so that an import() is rendered to the browser, but I cannot call any functions in my .js. Any call to a method in my imported module results in a ReferenceError method undefined. Is it possible to use functions from a .js in a custom dashboard?

burnt silo
#

How do you uninstall something from HACS?

#

You have 'Villhellm/lovelace-animated-background' installed with HACS this repository has been removed from HACS, please consider removing it.

vital burrow
#

In the dotsvertical is an option to remove the installed HACS stuff

burnt silo
#

@vital burrow Thanks

burnt silo
#

Another dumb question side bare menu Notifications says 1 but when I click on it there is None

dark dirge
#

Clear the browser cache

tribal galleon
#

@fierce dagger You can easily use state: instead of templating the custom:button-card. ```yaml
type: custom:button-card
entity: input_boolean.tester
name: Garage
state:

  • value: 'on'
    icon: mdi:garage-open
    color: red
    label: Open
  • value: 'off'
    icon: mdi:garage-lock
    color: green
    label: Closed```
image.png
#

But templating can also be useful. This is added to the above code and adds a label beneath the name. yaml tap_action: action: toggle show_state: false show_label: true size: 20% label: | [[[ if (entity.state === "on") return "closed"; else if (entity.state === "off") return "open"; ]]]

fierce dagger
#

Thank you but I need to check a state_attribute. Is that possible with javascript?

tribal galleon
#

entity.attributes.brightness can be used it the entity you're checking is the same as the entity: . Or states['ENTITY NAME'].attributes.brightness can be used for a different entity.

small loom
#

@fierce dagger I successfully butchered the entities card to have a custom colour using card-mod (https://github.com/thomasloven/lovelace-card-mod).
Have one dumb light that's on a smart outlet (so just on/off states), which gets the default yellow/blue in the default theme. Wanted magenta for the on state to match the colour of the LEDs in the light itself.
I'm almost certain this is close to the worst possible way to accomplish this, but worked just fine.

  div.entity:nth-child(2) {
    --card-mod-icon-color:
    {% if states('switch.glowy') == 'on' %}
    magenta;
    {% else %}
    var(--state-switch-off-color,
      var(--state-switch-inactive-color,
      var(--state-inactive-color)));
    {% endif %}
  }```
fierce dagger
#

@tribal galleonLooks like that doesn't work for that kind of attribute. if (["climate.badezimmer_eg"].attributes.preset_mode === 'week_program_1') return 'lime';

I get the following error: TypeError: Cannot read properties of undefined (reading 'preset_mode')

dark dirge
#

that syntax doesn't make sense

#

there are lots of example in the docs for that card

#

one:

  label: >
    [[[
      var bri = states['light.test_light'].attributes.brightness;
      return 'Brightness: ' + (bri ? bri : '0') + '%';
    ]]]
#

another:

# 
  state:
    - operator: template
      value: >
        [[[
          return states['light.test_light'].attributes
          && (states['light.test_light'].attributes.brightness <= 100)
        ]]]
fierce dagger
#

Oh I forgot something. Got it working now

# 
                [[[
                  if (states["climate.badezimmer_eg"].attributes.preset_mode === 'week_program_2') return 'lime';
                  else return 'red';
                ]]]```
#

This is working as intended for me. Tyvm for the help

cloud oriole
#

Are there known issues with Firefox rendering dashboards?

#

Pulling junk like this

image.png
#

and this:

image.png
errant plover
#

Not seeing anything strange with Firefox 117.0 here. I dont use that thermostat card though.

cloud oriole
#

it seems to happen on all pages now and again

#

like my home screen:

image.png
#

This is apparently 2 x picture cards:

image.png
#

More entities:

image.png
#

on 117.0 (64-bit) on linux

#

hit Reload enough times and it'll render ok though

mystic timber
cloud oriole
#

Simple Thermostat in HACS

silk igloo
#

why does the "show disabled entities" button turn into an empty button when clicked

image.png
silk igloo
sonic solar
#

I have Home Assistant installed and running, with a Mushroom dashboard listed. I want the "Overview" tab to show the Mushroom dashboard. Essentially, I want to re-order the dashboards or show a different dashboard as Default. How do I do this?

image.png
vast crane
sonic solar
solar venture
#

I have an entity like this:
- entity: sensor.lavatrice_consumi type: custom:multiple-entity-row name: Consumi card_mod: style: |- :host { --card-mod-icon-color: green; --primary-text-color: green; }
but the color of the text is not changin, only the icon, what can I do?

tribal galleon
#

If you want to get fancier, you can use something like this: yaml card_mod: style: |- :host { {% if is_state('light.hallway', 'off') %} --card-mod-icon: mdi:light-switch-off; --card-mod-icon-color: red; color: red {% else %} --card-mod-icon: mdi:light-switch; --card-mod-icon-color: green; color: green {% endif %} }

firefox_tEw8uctg1j.gif
solar venture
#

but it color everything, you cannot change the text color only

#

for example icon: yellow and text: red is not possible

#

while with the secondary text it is

tribal galleon
#

Look above. The colors are all set to the same just for that state. You can set them individually.

# 
--card-mod-icon-color: yellow;
color: red```
image.png
solar venture
#

ah ok, it colors the text but even the value, ok. But there is a way to color the text only?

civic osprey
#

Does anyone know how to ENABLE a Helper?

#

I have disabled some...but it seems there is not a way in the UI to Enable them again 😦

tribal galleon
dark dirge
tribal galleon
civic osprey
#

oh thats not expected!!! I was looking for it in the Helpers tab

#

Thanks, I have got the first one activated again

solar venture
#

I set the digits after decimal to 2, but it still shows the default (that is 6), how is it possible?

Screenshot_from_2023-09-03_19-41-56.png
vast crane
solar venture
vast crane
#

🤷 Ask the component author.

tribal galleon
solar venture
#

neat, thanks

tribal galleon
#

@solar venture ```yaml

  • type: custom:multiple-entity-row
    entity: sensor.outside_temperature
    format:
    precision0```
image.png
marsh wyvern
#

Good afternoon

#

im casting my lovelace to a google hub and its not showing the sidebar

#

I need to access the sidebar in order to change something

#

its crazy because most google resaults are people trying to hide the sidebar

#

I cant get mine to show up lol

thorn swallow
#

Hi all!
I fail to get any usable panel from HACS integrations. I don't understand what I am doing wrong.

dark dirge
#

That's not clear enough for anyone to help.

#

What panel? What integrations?

thorn swallow
#

For example, Audi connect

dark dirge
#

What panel?

thorn swallow
#

Panel? You mean lovelace?

dark dirge
#

You said 'usable panel' and I'm trying to figure out what you're talking about

thorn swallow
#

UI

dark dirge
#

Where?

thorn swallow
#

except for configuration form

#

in my home assistant website 🙂

dark dirge
#

Ok. I have no idea what you're trying to describe

thorn swallow
#

I don't know what information I am failing to provide

dark dirge
#

The Audi connect integration has no separate panel

#

It has some entities

thorn swallow
#

Ok. I was looking for them also. And could not find any

dark dirge
#

You find them through configuration -> Integrations

lapis linden
#

hi, i use custom:auto-reload-card and i dont know why but sometimes my tables show only 2 cards, but dashboard has 8. How can i debug this?

thorn swallow
#

No entities, only audi in integrations.

dark dirge
thorn swallow
#

Thank you! And there is no special HACS channel?

marsh wyvern
#

Any idea on how to get my sidebar to show up

dark dirge
#

No, it just downloads things

thorn swallow
#

ok

cloud oriole
#

@dark dirge I know you're a smart fellow...... Dashboards showing wrong layout in firefox - have you heard anything about that? Or maybe have any wisdom on the matter?

#

I haven't managed to figure out wtf is happening with it - but it only seems to happen in firefox - ie Brave / Chrome browsers work fine

golden mistBOT
#

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

📎 message.txt
dapper viper
#

I can't seem to do this:

  - type: attribute
    entity: input_number.mailbox_guard_rssi
    attribute: rssi
    name: RSSI
    suffix: dBm

I just get "— dBm"

dark dirge
#

I'm sure that entity doesn't have that attribute

#

The answer to your other question is either create template sensors for those entities or use a markdown card

golden mistBOT
#

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

📎 message.txt
dark dirge
#

Right, so my comments stand

#

No rssi attributes there

buoyant furnace
#

my custom button card config broke

#

color wont work properly

#

can anyone assist

dapper viper
# 
  - entity: input_number.mailbox_guard_count
    name: Motion Count

How can I remove the slider? I just want the value to be read only

vital burrow
dapper viper
#

Awesome @vital burrow

#

I think it's a bit of an oversight not to have read-only: true or something like that. Thanks for the workaround though

#

What is the name of the file that these entities are stored in?

vital burrow
#

/config/.storage/input_number

dapper viper
#

Sorry I mean where are the entity cards stored?

vital burrow
#

In the dashboard config. You can add those via the UI

dapper viper
#

I named the file Dashboard card so I guess people can work it out

cloud oriole
#

hmmmmm still fighting with Firefox rendering pages like this:

image.png
#

and this:

image.png
#

that last one is supposed to look like this:

image.png
tribal galleon
#

@cloud oriole Have you tried clearing your browser cache? Maybe restarting HA? I'm using FF 117.0 on Win11 with no problems. And I have a bunch of crazy card_mod stuff being used that it's a wonder I haven't broken my dashboard. I have a whole dashboard with several views of nothing but experimental and trial-and-error cards that I use for examples.

#

What are you using for your layout? Are you using a specific layout-type card or using the Masonry view?

cloud oriole
#

Yeah - its a fresh install of Firefox :\

#

It's a Masonary view type

#

On that last page, there's 1 x Markdown Card, 1 x Auto-Entites & 1 x Entities Card

tribal galleon
#

Any add-ons like uBlock Origin or Dark Reader?

cloud oriole
#

The first one (which is the Home page) is also a Masonary - and then just a list of entities & entities cards

#

I do have uBlock Origin installed - but it tells me 0 elements blocked on that page

tribal galleon
#

But, it shows fine in other browsers, just Firefox giving problems?

cloud oriole
#

Yeah :\

#

I normally use Brave

#

This is how 2 x Picture cards come up:

image.png
#

but if I hit reload, I get:

image.png
#

normally it's a 50/50 if it loads right or not :\

#

and looks like a caught an alien on CCTV hahahahha

#

Interestingly, if I move to another dashboard on HA - like click the next one along, then back, it renders properly

#

This is Firefox 117.0 installed as a package from Fedora

tribal galleon
#

In Firefox, try clicking the "hamburger" button > More Tools > Web Developer Tools
click the Network tab, then Disable Cache.
Try browsing and refreshing to see if this makes and difference. Try a CTRL+SHIFT+R for a hard reload.
Uncheck it when you're done testing. (I thought it was supposed to uncheck itself when closing Dev Tools but it looks like it stays checked.)

image.png
cloud oriole
tribal galleon
#

hmm. So guess it is not a caching issue. 😕

cloud oriole
#

I just tried removing the HACS swipe frontend addon

#

still the same thing

tribal galleon
#

50/50 chance it works on refresh. Does it keep working once you get past the 50/50 chance?

cloud oriole
#

yeah, its fine if you just keep switching through tabs

tribal galleon
#

But, if you leave Overview and come back then you start the 50/50 chance all over again?

cloud oriole
#

yeah, hit reload in firefox and its a 50/50

#

Wait, I think I misunderstood.

#

If I go from Overview to, say, Media or Maps, then back to Overview, they all load fine again

#

even if I go to Node Red and then back to Overview - they're all fine

#

the 50/50 only seem to apply again when I hit the Reload button in firefox - or hit the UI for the first time

sinful scarab
#

is it possible to have 2 camera streams, but only one of them can bee seen, and when you press a button it shows stream 2. You can switch between the streams in the dashboard?

tribal galleon
#

What happens if you create a new dashboard: Settings > Dashboard > + Add Dashboard. Give it a name, show on Sidebar > Create
Click the newly created dashboard from the list (not Open) and Set as Default on this device > Update. Then Open.
How does the Refreshing/Reloading work now?

cloud oriole
#

hmmmm - this doesn't look correct, right?

#

I just clipped it there so I don't dox myself with some of the sensors lol

tribal galleon
#

definitely something going on on the right side

cloud oriole
#

no matter what I do now, those cards on the right don't render correctly

tribal galleon
#

so no more 50/50? 100% failure?

cloud oriole
#

yeah

#

I can't click on anything that will then cause a redraw or something

#

even going to something like Media or Node Red and coming back and its all still wrong

#

So this might be nothing...... BUT, in Firefox, it has these warnings in the Console - whereas Brave doesn't show any warnings at all:

#

Brave renders fine:

image.png
marsh wyvern
#

Anyone know how to get my sidebar to show while casting to google home

cloud oriole
#

Also interesting - Setting it so Firefox isn't maximised, and then resizing the window to a smaller width and back out, and then things render properly....

#

but any time I go back to that dashboard from something else, the right column is wrong again.

tribal galleon
#

Mine gives the same error...

image.png
cloud oriole
#

ah, ok - not that then - probably lol

vast crane
cloud oriole
#

From that URL, I guess you don't use the NGINX addon?

#

Hmmmmm - that does sound exactly like this issue......

tribal galleon
#

Symptoms match the screenshot in the first post.

marsh wyvern
#

Front End Side Bar

cloud oriole
#

Setting layout.css.has-selector.enabled == false in about:config fixes it

#

I'm a bit confused about what the default is supposed to be in the Firefox UI though

vast crane
#

it's false on mine and I'm sure I've never touched it before.

tribal galleon
#

Just looked at mine and it's set to false.

cloud oriole
#

It looks like the default is false. Mine was set to true, but I have no idea what it does - so I certainly haven't manually changed it :\

vast crane
#

maybe depends on when you installed it or something 🤷

cloud oriole
#

This was a brand new install of firefox about 4-5 days ago

#

Thanks to all for your help - it was driving me crazy hahahah

cloud oriole
#

I found it.

# 
// CSS's `:has()` selector #457 - 103 Above
user_pref("layout.css.has-selector.enabled", true);
marsh wyvern
#

well have to step away again.. anyone that can help would be appreciated

dusky jackal
#

hoping to get a quick answer reg helpers. many wont let me edit them and I also do not see a way to delete any of them in Helpers section. .

dark dirge
#

Did you set them up in YAML?

dusky jackal
#

i guess i need to edit input_select in .storage

dark dirge
#

Nope

dusky jackal
#

why not? i see it

#

i set them up in ui

dark dirge
#

Hit the configuration

#

'Why not' is that you don't need to and shouldn't

dusky jackal
#

thats what im saying. some the gear icon works and some domt. camt explain why

dark dirge
#

Someone else reported that dialog sometimes being broken

#

Try refreshing the browser

dusky jackal
#

ok. i do have alot of cleanup to do, many no longer used. maybe ill used the input_select file just this once for some pruning

#

also if anyone else has that issue just gopto dev tools and YAML configuration reloading - input selects

strange heron
#

Hey, when displaying an input_button helper the default behavior on click is to display the modal window with <press>, history and logbook. How can I change this behavior to a direct <press> ?

#

ok im able to do it by self calling the entity, but this look heavy :

          - entity: input_button.plant1water
            type: button
            tap_action:
              action: call-service
              service: input_button.press
              data:
                entity_id: input_button.plant1water
#

is there any simpler or cleaner way ?

tribal galleon
strange heron
#

I want a button to "press" the input_button helper which set its timestamp.
Goal is to have days counter to water my plants

#

Oh, maybe I need to remove this first entity line ?

tribal galleon
#

I'm not sure if the input_button is the best route. I don't have a better suggestion as I've not tried to make something like that. (Though, now that I think about it, I probably should make something to remind me to check the cat's litter box. 🤔 ) An input_timer might be more useful. But the thing that comes to mind is persistence. What happens to that timestamp when HA is restarted?

strange heron
#

it is persisted, just checked

tribal galleon
#

okay. so then it is just a matter of checking the timestamp of the input_button and seeing if it is within a certain timeframe?

strange heron
#

yes I have another input_number.plant1days, so input_button.plant1water timestamp + input_number.plant1days - now tells me how many days until next watering, and send a notification

#

just a basic reminder, with days limit, and a push button, can work for any homework, and nfc tags 🙂

tribal galleon
#

Funny you mention that. I'm already there.

image.png
#

But yeah, looks looks like they've already done all the work and laid it out as a Blueprint.

strange heron
#

yes I will need that, cause I have many plants 😉 and I need to learn

#

thank you

cloud oriole
#

@tribal galleon thanks so much for your help yesterday figuring out that firefox thing 🙂

fiery ledge
#

never had the need for a worldclock in my config, but now that I need it, I cant believe there;s no way core and dashboard provide this? the worldclock integration is ancient and only produces a string, not a timestamp or true time_zone aware datetime entity, and we have not a single card that allows anything else but a timezone/string? so let me ask: what card do people here use for a Worldclock in their Dashboards?

vital burrow
#

Adding/substrating the time difference to/from the UTC time? 🤔

fiery ledge
#

I've posted in #ios_and_mac-archived to see if we can get a local device time in the mobile_app, but i would have hope we could use the entities attribute in some template somewhere.. its readily available and yet we cant get to is

fiery ledge
#

what I do now is check the location of my family, add/change their worldclock sensor and have that sensor in the entities card. Thats about the only option we have in the dashboard?