#frontend-archived

1 messages ยท Page 43 of 1

bright jolt
#

Anyone know why when kiosk mode is activated i cant tap anything on the Ipad

upbeat valve
#

Wasn't sure where to put this. I want my automation to play a daily weather forecast on my TV (similarly to me asking Google Assistant for the weather). It doesn't necessarily need to be a video stream, but I'd like it to be more robust than the default weather cards. Any suggestions for services? The TV in question is a Roku that has an external Chromecast (not CCwGTV, just a basic Chromecast) so whatever I can cast using that. Even if it's just a nice website. Would like to avoid having to build out a dashboard for it

shadow thorn
#

are there collapsables in home assistant
i cant find one in add a card and i want to add one for my callendar because it takes just too much space

#

can i not remove or rename helpers

vague blaze
shadow thorn
#

also why cant i change the places the stuff goes in my dashboard its annoying

#

i made i guess a janky version of a collapsable

shadow thorn
#

idk i just pressed the button that allows me to edit the dashboard my self and nothing else

vague blaze
#

So, if you create a tab in your dashboard, you can choose the new Sections layout. That's what you're looking for.

shadow thorn
#

dumb thing to ask but where do i find that

vague blaze
#

On your dashboard, top right corner, click the pencil. Then, on the tabs bar, click the +

#

You can also get to it for your existing tabs by clicking the pencil and then the pencil next to the tab header.

shadow thorn
#

thx

#

says i gotta create the dashboard from scratch anyways so i guess i better make that

#

i mean this is better than the old one i will guess most people use it

#

i found this for an collapsible

#

but i dont know really how to intergrate it

shadow thorn
#

i dont even know what hacs is

vague blaze
shadow thorn
#

wait

#

there is more custimazability to ha other than the baked in stuff

#

wait i just now realised how powerfull ha actually is

vague blaze
#

lol yes... a LOT more.

shadow thorn
#

third party app stores i just learned this

vague blaze
#

Not apps, integrations (you'll get used to the terminology)

shadow thorn
#

and if i dowload this nothing will break if update ha right?

#

this is my current dashboard i think expandables are needed for this

#

i use conditionals at the momment to turn off the gauge and the calendar

crisp rapids
#

How is the white background called i want to edit it in my them file for #373A40 but i can't for the life of me find how this is called

shadow thorn
vague blaze
# shadow thorn

Most HACS integrations are safe, but always remember ymmv with some of them.

vague blaze
#

ymmv = "Your mileage may vary".

shadow thorn
#

ah ok i am gonna go install hacs

#

tbh i dont think i need the ssh addon

#

i have access to the ha terminal thru proxmox

vague blaze
#

Yeah, if you have access to the console, then you're good.

shadow thorn
#

nvm i am gonna need that ssh addon proxmox doesnt let copy paste

#

what is a good ssh addon for ha

#

can you recommend one?

vague blaze
#

The offical one: Advanced Terminal and SSH

shadow thorn
#

the easier the better

vague blaze
#

(I think that's the name of it)

shadow thorn
#

its not it says its community addon

#

when i search it

#

the only one i can find in the addon store is advanced terminal and web terminal

vague blaze
#

Yeah, that one.

shadow thorn
#

oh ok thx seems simple enough

#

i gotta say switching to a virtualized ha from docker its better

#

i will guess i need to restart home assistant if i install the addon

#

i mean the web terminal

#

nvm

warped torrent
#

I have an issue with Roku_Card as I am trying to set up. The problem is everything is working perfect except the icon are not showing up correctly. It just show as either blank or broken icon. I been trying to figure out what is the local file path as according to example shown in documentation. Can anyone please shed light of that?

vague blaze
shadow thorn
#

ok the addon doesnt work

shadow thorn
vague blaze
shadow thorn
#

The add-on seems to not be ready, it might still be starting. Do you want to try again?

vital burrow
#

It needs username and password or SSH key configured to start.

shadow thorn
#

when i press start it starts fine

#

oh

shadow thorn
vital burrow
#

In the settings tab of that add-on

warped torrent
#

It's under configuration @shadow thorn

shadow thorn
#

is username is hassio and password nothing where do i find the password

warped torrent
#

you need to set the password

shadow thorn
#

how so i do that

#

where do i go to do that

warped torrent
#

are you on the "configuration" tab of that add-on??

shadow thorn
#

yep

warped torrent
#

do you see the word "password"? then?

shadow thorn
#

yea but it has this ""

#

which i guess means nothing

warped torrent
#

then..........remove ""

#

and write whatever password you want

#

"" > thisismypassworddonotstealthis

#

just remove "" and then write password you want.

#

then try to SSH into it.

shadow thorn
#

does work

#

Advanced SSH & Web Terminal
The add-on seems to not be ready, it might still be starting. Do you want to try again?

warped torrent
#

oh oh oh! Before you ssh you need to restart the add on

shadow thorn
#

i get this when i got to the sidebar and press terminal which is this addon

warped torrent
#

I forgot to mention it.

shadow thorn
#

why does it always remove the things i change in the config

#

i save it

#

it just doesnt save the password

warped torrent
#

what do you mean it doesn't save when you click save? like you save it and then go to "info" tab?

tall monolith
#

it might just not be displaying the saved password. you should use a !secrets file anyway

vital burrow
#

And did you use the right save button? There are two on that page

tall monolith
#

I don't actually use a username and password for my mqtt broker, because I can't imagine anyone joining my home network and even knowing that it's doing anything

vital burrow
#

And it might be time for a thread. That add-on fixing clogs up this channel

shadow thorn
#

ok nvm

#

i am just a complete idiot

#

there are more than one save buttons

#

which i didnt know i thought there was one for the whole config page

#

yep works fine now

#

so now i just run the command to dowload hacs restart ha and hopefully it works

#

ok restarting now and fingers crossed

warped torrent
#

ahh

shadow thorn
#

yea sry for all the trouble

#

i thought because most self hosted apps have one button to save the whole page it would be the same so i just scrolled to the button out of habbit

#

i am preatty sure a hacs button should be in the sidebar but its not

lyric prairie
#

You need to go to devices & services and add HACS as integration

shadow thorn
#

ok a hacs button appeared but it doesnt look the same as the website

warped torrent
#

it's not always the case

shadow thorn
warped torrent
#

yup that's what I have

#

so you're good to go

shadow thorn
#

so how do i use it now

warped torrent
#

Sorry My keyboard was acting up/sticky trying to fix it.

shadow thorn
#

what?

#

yea how do i use hacs to actually dowload stuff i wnat

warped torrent
#

Oh. In that case, what was it you wanted to do?

#

OHhh you're trying to modify dashboard?

shadow thorn
#

trying to add a expandable and collapsable card

#

thats is custom made

lyric prairie
shadow thorn
#

and its supports hacs

shadow thorn
warped torrent
#

OK. Are you at HACS page?

vital burrow
#

Can you start a thread for this, please? This clogs up the channel for other people having questions.

shadow thorn
#

yea sry

warped torrent
#

trying to add a expandable and

vital burrow
warped torrent
#

darn it

tall monolith
#

several issues reported with no replies

warped torrent
vital burrow
#

Even the dependabot PRs are not processed

tall monolith
#

it might work, and you might be able to solve problems, but it's probably abandoned

vital burrow
#

What is your problem about the filepath?

warped torrent
#
  • image: /local/netflix.webp
    app: Netflix
    • image: /local/hulu.webp
#

that file path to grab the icons. I can't for the life of me figure out why it's not showing up

tall monolith
#

oh, you probably have them in the wrong place

warped torrent
#

I know that but what is the correct place. That's what bugging me. I been copying images left and right

vital burrow
#

The www directory translates to /local in URLs

tall monolith
#

/config/www is /local

#

yeah

warped torrent
#

and is there a size limit or specification? that's exactly where I been dumping images in there

vital burrow
#

Have you restarted HA after creating the www directory?

warped torrent
#

many timees

tall monolith
warped torrent
#

figures.......

#

404: not found

vital burrow
#

Stupid question... do you have a hulu.webp file in www?

warped torrent
#

that's the question I EVEN asked myself. I looked everywhere and I don't see those file. So my next though process is try to use those logo from pictogrammers

#

or....does it exactly have to be a webp file?

#

so....I went with what you said @tall monolith and a png file is definitely reachable

#

LAUGH HYSTERICALLY............................that worked!!!!!!!!!!!

vital burrow
#

You can also use mdi icons, if you want it look more simplistic.
in HACS are also some integratuions providing more icons, like brand icons.

warped torrent
#

that's exactly what I did I downloaded the png file and it's definitely reachable.

#

NOW i get what it means /config/www = /local

vital burrow
#

Just be aware, that everything in /config/www is open to everyone without authentication

warped torrent
#

Yea. That's the problem Let me make it work then add security later.

tall monolith
#

so... you had png files but were calling for webp?

vital burrow
warped torrent
#

No. There was NO webp at all but it was according to the example and I followed the example and was confused but.....I don't see any webp anywhere

tall monolith
#

i mean, there was webp in your config file. so you were telling it to look for webp files

#

you have to apply your own intelligence sometimes to translate from the example to what you're doing

warped torrent
#

No I didn't

#

no i didn't

#

you blame it on the developer

tall monolith
#

hm, no.

warped torrent
#

What he said.....I'm still blaming it on instructions and developer

#

anyways thank you! Now on to try firemote card and compare!

#

In that case what do you do to secure those file

tall monolith
#

i wouldn't bother to secure the streaming service logos

#

just don't put anything there that you're not comfortable seeing on someone else's computer later

warped torrent
#

oh hahahahahaha!!!!

#

........... yeah firemote is the best. i don't know why i wasted my time over roku_card

stuck spire
#

I'm using the sections view, and was thinking about ways to use the new "visibility" tools. I'm using one Boolean to show/hide individual tile controls for my smart shades (which are otherwise represented by a device group in a single tile). This got me thinking about ways to have Boolean "filters" -- a toggle for lights would hide everything except for light entities, a toggle for fans would only show "fans" that sort of thing. Can anyone think of some ideas on how to do this?

lyric prairie
#

You can use input_boolean helpers

#

with automations that turn all the other booleans off if one turns on

stuck spire
#

ooooh.

#

yeah that makes sense

#

and I'm realizing I was 90% of the way there with my shade idea, thanks!

lyric prairie
#

Just like how many of us use home/away/vacation modes where only one or none can be on each time

stuck spire
#

thanks for helping me reframe!

silver stratus
#

Do you still have the issue ?

brisk marlin
tall monolith
#

sure, you can do almost anything

vague blaze
snow dock
golden mirage
#

Why did I use target: but other users still see the popup window?

service: browser_mod.popup
target:
  entity_id:
    - lap3bond_firefox
    - k50g
silent lantern
dark dirge
#

Click the three dots menu and choose edit dashboard

silent lantern
#

Oh, its because I am... you can't control the Overview. I see now if I make a new Dashboard from Scratch.

dark dirge
#

you...can

#

I can't because I wrote my dashboard in YAML, but there's no reason why you can't

tribal galleon
#

I'm not sure what the security implications are of trying to share a dashboard to the public even it is just an energy dashboard, but I'm sure it would be frowned upon. Visitors would still need username/password authentication in order to view the dashboard. On top of that, Home Assistant has very little in terms of User Access Control so it is quite possible the visitor could access more than what you're wanting to show them. Even if you try to secure the dashboard with something like Kiosk Mode or Browser Mod, those options are easily bypassed.
With Grafana and InfluxDB/Prometheus, you can(somewhat) easily design your own dashboard to show the info that you want. Here's an example: Home Energy Usage v2. Grafana - Public Dashboard. A guide on setting up Grafana & HA. #energy-archived may also have some better recommendations.

mighty chasm
tribal galleon
tribal galleon
#

put into Kiosk mode so it can only see the singular dashboard
@mighty chasm Even with Kiosk Mode enabled, it can still be bypassed. Just need to be able to get to the address bar of the browser.
?disable_km will temporarily disable any modifications (unless ignore_disable_km has been used in one of the conditional configs)
I use Kiosk Mode and Fire Tablets running Fully Kiosk Browser. It's still not totally secure. Swiping from the left accesses the menu where the start URL can be changed. I have another dashboard running on a 24" ViewSonic touchscreen running on Windows 11 and viewed in Firefox's Enterprise Kiosk mode. There's no keyboard/mouse on the system but I remotely "access" it via Microsoft PowerToys' MouseWithoutBorders. But these are all dashboards in my home so that's a layer of security not available to a publicly accessible dashboard.

mighty chasm
mighty chasm
# tribal galleon > put into Kiosk mode so it can only see the singular dashboard <@12408965961248...

Revised: Recommend checking Fully Kiosk documentation. Specifically the area on using a PIN code to secure the device. This allows you to have a PIN to change any settings within the fully kiosk settings. That will secure it and prevent someone from being able to walk up and modify your settings without having your PIN code. May require the one-time subscription depending on how far you want to secure

golden mistBOT
#

ChatGPT and other "AI" systems do a fantastic job of generating well structured, convincing looking answers... that are either totally garbage or, if you're lucky, have subtle flaws. Don't use them to "help" others, and don't use them yourself.

mighty chasm
#

@tribal galleon Point taken - but I'd also say that saying something is not secured when you simply haven't looked into or tried to secure it, is not fair to that application either. Fully Kiosk can be secured and that's all I was trying to say. That said, I did verify it on my Fully Kiosk before putting that out there to you and it does work. Either way, Fully Kiosk is irrelevant to the OP.

tribal galleon
#

I never said I hadn't look into it or tried to secure it. I've used the PIN option (which is found in FKB's Kiosk Mode settings). Just like with everything related to security, there's usually ways around things (to include the FKB's PIN); it is just a matter of how much effort someone is willing to go through to get past it.

celest pendant
silver stratus
#

it is

#

in your config.YAML add the following option :

wake_on_lan:

#

then restart HA

celest pendant
#

yeah i have that, i can turn on the TV with WoL

#

i want a power on icon in the tv card that sends the wol packet

golden mistBOT
celest pendant
#

Cool! i'll take that and fiddle with it :) ty

silver stratus
#

it's nice , I made an automation that when it see the TV turning ON it turn the soundbar and the shield ON on the correct channel

#

yw

celest pendant
#

Thats nice, i'd like a shield but everything is a bit over budget atm - recently moved :p

#

I don't have a soundbar, just the plain ol AVR which turns on by default when turning on the TV via ARC.

silver stratus
#

same her moved a few month ago

#

slowly building up

#

Is anyone able to explain me how to find all possible entities or settings we can send to a specific device ?
For example discover all features available on a light like effects and scenes..

#

Is is populating by itself in the device info pane ?

silver stratus
#

@celest pendant

celest pendant
#

yeah! i did the same, still lots to customize

mental crag
#

Nested Entities Visibility not working

vague blaze
golden mistBOT
broken marsh
#

Forgot to say that from 00:00:08 until now the sensor has been 0. I want the graph to restart at midnight so that it shows 3 coffees yesterday and 0 today.

native carbon
#

Is there a weather card out there that shows daily but you can press a button and it changes to hourly?

broken marsh
#

Hmm... maybe it's because 8 seconds past midnight it goes from 3 to 0 and not exactly midnight? Do I have to use offset: +10min or something?

shadow thorn
#

anyone have recommendations on custom cards

tacit cave
#

For what?

#

there's so many

shadow thorn
#

just general stuff more cards

#

i just added the mushroom packet and alarmo they look good

#

wait because i installed alarmo does that mean i can make custom alarm system including stuff with node red and others because that would be cool

tacit cave
#

I just use: Custom Button Card, Card Mod, Layout Card, Auto-entities, and Mushroom Cards.

#

alarmo card is specific to the alarmo integration

shadow thorn
#

mushroom has alarm card for alarmo

tacit cave
#

it has an alarm card for any alarm entity

#

not specific to alarmo

shadow thorn
#

i learned about the hacs marketplace yesterday for ha and it has unlocked so many more things that i didnt even know were possible

silver stratus
#

then I just have to copy/paste desired effect or settings in a MQTT payload publish ?

shadow thorn
#

right?

tacit cave
#

yes, but its' built into hacs, so just look for button card in hacs

shadow thorn
#

i cant seem to find it

dark dirge
#

You're probably not looking in the frontend section

shadow thorn
#

frontend section i just go into hacs and search it

tacit cave
#

remove any existing filters

#

also, make sure you waited for hacs to fully build the library

#

IIRC it can take 24 hours for the library to build

shadow thorn
silver stratus
#

just have to figure out how to target my lamps then with that payload

shadow thorn
#

so like i think in like 4 or 5 hours its past the 24 hours

silver stratus
#

^^

shadow thorn
#

at the very least i just restore to a backup

#

i found it

fathom wagon
#

Can anyone suggest a good example of a starting point for creating a custom card?

fathom wagon
#

Oh man ... I forgot its Javascript... hangs head thanks Petro ๐Ÿ™‚

lament belfry
#

Hi. I need some advice on the best approach to take. I want to create dashboard for a tablet that must display two two columns. The first column covers 75% of the will screen width with two cameras stacked vertically. The second column 25% width with some light switches and buttons. What type of layout or hacs plug on should I use?

tacit cave
#

you can do all that with no customizations

#

use the sidebar layout

#

you'd probably want to use/implement fully kiosk

#

which is custom

#

for the tablet itself

lament belfry
#

I got the kiosk mode hacs working. Will try the sidebar layout thanks

wicked bone
wicked bone
vague blaze
#

In fact, that's a service with one action ๐Ÿ™‚

wicked bone
vague blaze
#

Remove script: and make sure you save it into scripts.yaml. Or, if you are using the UI, just create a new script and then click the dotsvertical and choose Edit in YAML and paste in your code.

civic brook
#

In your ui-lovelace.yaml file, add the following lines under the ressources key:

Where do i find this ui-lovelace.yaml file please?

wicked bone
#

Message malformed: extra keys not allowed @ data['blinking_off_script']

dark dirge
wicked bone
#

according to an online yaml linter the formatting is OK

civic brook
dark dirge
#

๐Ÿคท

#

I have no idea what card you're using or how you're installing it

#

if via HACS, it installed resources for you

dark dirge
#

ok

#

install using HACS and then follow the instructions to set add the card to a dashboard

civic brook
#

Nevermind it just started to work ๐Ÿ˜„ Thanks god

lament belfry
# tacit cave use the sidebar layout

I have this setup but the main section of the sidebar with the two video streams in a vertical-stack is extending past the bottom of the screen. How can I specify that it resizes the vertical stack to fit the viewable screen area?

#

I tried a card_mod under the vertical_stack but it is not making any difference

tacit cave
#

it will automatically do that

#

oh wait, you mean shrink it

#

it will not do that

#

you won't be able to get that to happen without card-mod magic and it won't be easy

#

You may have to switch to a grid in the sidebar

#

instead of vertical stack

lament belfry
#

I had a grid and then had the size issue and tried the vertical stack with the same result

thorny echo
#

Has anyone successfully gotten auto entities to pass a list of entities to the Mushroom Chips card?

#

I had inconclusive results when searching on the forums so I figured I should ask here before opening a GitHub issue with piitaya

zealous heart
#

Damn any idea how to create a button card with 3 small action on the left (in the same card)

#

๐Ÿ˜ฆ

#

Do you think it's possible to add secondary option on a card, to stop the gate at several position ?
Click on the main logo => full open
click on the main logo when open => close
click on secondary logo (25%/50%) => open and stop at the good position

lyric prairie
#

You can do something like that with the tile cards

#

That card allows to set a different action for the icon

#

Or custom:button-card but that involves some more knowledge

zealous heart
#

I am trying with the custom button-card

tribal galleon
# zealous heart Damn any idea how to create a button card with 3 small action on the left (in th...

@zealous heart For combining more than one card to make it look like a single card, check out the stack-in-card by stickpin. (You'll have to add this repository as the one found in HACS is out-dated.)
In this screenshot: a Mushroom Light Card, a custom:button-card with custom_fields made to look like two Mushroom Light Cards, and a stack-in-card with two Mushroom Light Cards and a custom:button-card for the footer.

lyric prairie
#

Okay, what do you have so far? Have you any design planned?

tribal galleon
#

There's a lot you can do with the custom:button-card. This is one of the simplest options.

zealous heart
# lyric prairie Okay, what do you have so far? Have you any design planned?

I planned to have a compact "All in one card" design for the garage

  • A big icon with the current status of the garage door
    . if I click on it (toggle) => full open and a blinking up arrow icon / full close and a blinking down icon
  • on the right several option
    . 25% open
    . 50% open
    . activate / deactivate the automatic close option
  • on the bottom
    The door position status (0 to 100%)
    The timer progress bar before the automatic close (hidden if deactivated)

I m also thinking about an option to increase the timer value but I don't know where I can put it

#

Maybe the blinking arrow are too much :/

shadow thorn
#

does anyone know how do i you make light sliders with the mushrooms card

#

nvm

lyric prairie
#

I can help with that, but that will be after some sleep haha

zealous heart
#

lol thanks

tribal galleon
#

@zealous heart I'd suggest to not try to do everything all at once. Break it down into smaller, simpler objectives. This is one of my cards with custom_fields and embeded cards. The yellow bar at the bottom is a timer-bar card that counts down. (Same for the time next to automatic. I just haven't decided which to keep.) The Automatic is toggled with a double_tap.

zealous heart
#

i can do several card for every automation, the challenge is to assemble everything in one card xd

tribal galleon
zealous heart
#

It's working but not very beautiful (and the frontend is a it buggy)
-> I don't have nice icon for 25% and 50%
-> The timer show idle when not started (better if the maximum duration is shown by default

I don't have a sketch but the idea is to concat all these action in a nice tiny card, sadly my frontend skill are poor

#

I must go sleep for the moment, I wake up early ^^'

timid beacon
#

I have a dashboard on a fire tablet that's frequently running very far behind. I can tell because a time entity will update, but to an old time. So something seems backed up with it's processing of events. How can I troubleshoot what's going on here?

tribal galleon
#

@zealous heart That still doesn't convey how you want the single card to look. That's just showing the different things that you want to incorporate which you already listed earlier.

tribal galleon
# timid beacon I have a dashboard on a fire tablet that's frequently running very far behind. I...

Check to ensure the tablet's time (perhaps time zone) is correct. I had an issue a while back where my PC's time was 4 minutes off after a reboot and it caused issues. I just so happened to be messing with timer entities at the time and couldn't understand why they weren't saying the elapsed time properly. #frontend-archived message
karwosts response: Yes the card just shows the remaining time based on your browser's time, and the finishes_at attribute. If the clock is off, it can have weird behavior.

timid beacon
#

It's just most obvious with the time entity. But interacting with the dashboard can be very unresponsive or just not work at all

thorny echo
#

Auto entities and Mushroom Chips

upper rapids
#

Is this the sort of thing you're after?

golden mirage
icy patrol
#

Hello; I am trying to convert my layout to Sections but I am seeing large gaps going horizonal and vertically - is there a way i can adjust these?

safe trout
zealous heart
# tribal galleon <@188721700530028544> That still doesn't convey how you want the *single* card t...

@tribal galleon this is nice,

Can be improved,
if auto is on -> the timer show the max value by default

if click on the timer -> possible to update the timer

on the right adding a third option (as the light) to redirect to a camera can be nice (but I didnโ€™t integrated yet the garage camera, still itโ€™s an option)

the progress bar can benefit a percent in middle of the icon.

And maybe like @golden mirage button a tiny online status to check if the door is online.

#

@upper rapids @golden mirage thanks for your idea, now I want to rework some of my light xD or monitor my grid injection and solar panels ^^

zenith stag
zealous heart
#

this card looks optimized for me,
but I ll try to do a sketch when I ll rework my other cards.

I need to do one specific card for my bedroom lights or my sejour (multi room). But I ve a lot of other things to do before xD

#

I m using dwains dashboard for the moment, Itโ€™s nice and easy to setup but I ll definitely want my own personalized dashboard in the future. For the moment I want to focus on automation and more useful cards.

#

Itโ€™s my temporary solution

zealous heart
#

itโ€™s well organized, me itโ€™s more straightforward. My more complex bedroom I can control all lamp or individually one by one. I did add add some logic about brightness regarding time on the remote.
What is the adaptive lighting master option and toggle for ?

#

the first slider control all the room*

night cape
#

Hey, exists a way to minimize the GAP between the sections? (without a new theme?, maybe in the sectionside editor directlly?)

zenith stag
# upper rapids all of my lighting:

That looks very functional, but what is adaptive brightness and color? How is it used? Have you installed the same brand of lights in all your rooms?

upper rapids
upper rapids
zealous heart
#

I m using hue filament in half my home, I donโ€™t know how the adaptative will work with them. They canโ€™t do every color and are warm only.

zenith stag
upper rapids
upper rapids
zealous heart
#

I ll give a try then

#

but the adaptive color toggle doesnโ€™t make sense if there is no color, right ?

upper rapids
#

adaptive brightness changes brightness, and adaptive colour changes the colour temperature

zealous heart
#

@upper rapids how do you activate the adaptive light ? You use an automation on the toggle helper state ?

#

I don't know where to start

lyric prairie
#

It works when your light is on, no need to toggle with an automation, but #integrations-archived is the place to talk about adaptive lighting

lyric prairie
raw plover
#

weird question about displaying background images. When I create the card with the background image it shows up correctly and all is well. But when I cast this display, it appears with a blank background. I cannot for the life of me figure out how to correctly display this image. I have the same issue displaying person entity images. When i just make a blank image card it displays fine tho

tacit cave
#

@frosty sleet when you ask your question here, make sure to format your code using backticks `

golden mistBOT
#

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

tacit cave
#

@frosty sleet there's no such thing as a mushroom-slider-card

#

there's a mushroom-number-card which shows as a slider

#

but that requires a number entity

frosty sleet
#

and the volume of the receiver is not I imagine

tacit cave
#

If your media_player supports a volume slider, add the volume control options to the media player card

frosty sleet
#

I did it

tacit cave
#

e.g.

type: custom:mushroom-media-player-card
volume_controls:
  - volume_set
  - volume_mute
  - volume_buttons
media_controls:
  - on_off
entity: media_player.votre_media_player
frosty sleet
#

ok thank you

#

i will try it

zenith stag
#

Has anyone seen a collapsible card but with the option to always show at least one of the embedded cards?
I basically want to create a list of card, showing a few favourites, and the rest hidden upon tap

#

This is exactly what I mean. Question is...does it exist?

tacit cave
#

pretty sure the fold entity row can do it

#

with media players, you'd need to combine the fold entity row with the hui element card

#

so that you can put media_players in the entity card

#

and then fold it

zenith stag
#

but can it fold cards? custom button to be specific

tepid locust
#

Like this? Yes.

#

And also like this.

safe trout
#

anyone around who can assist with the weather platform? I'm struggilng to map icons based on state

vast crane
safe trout
#

Instead of it showing a single icon, it's stacking all my icons all the time

zenith stag
tepid locust
zenith stag
tepid locust
zenith stag
lyric prairie
#

But I don't use both cards

safe trout
#

@lyric prairie - I took the code largely from someone else where it works. I'll try to take it out of decluttering to identify where the problem is

narrow sentinel
#

Hi all, i have a couple tuya smoke-detectors connected to HA. And now i'm looking for a way to show them on the dashboard. I can do it off-course with normal entity. But i want to change the color of the entity red/yellow when there is smoke detected. Is there a card or entity view that can do this easy?

scenic current
#

I'm not sure this is the right place to ask JS questions but it is tied to Custom Button Card so I'll ask for your mercy if incorrect:

  var_assistsat_entity: |-
    [[[
      return hass.states[variables.assist_group].attributes.entity_id
         .find((eid) => hass.states[eid].attributes.browser_id === localStorage.getItem("browser_mod-browser-id")) ?? variables.default_satellite;
    ]]]

I have this variable being define and it works great for my purposes. Someone here helped me put it together. Now I am trying to do something slightly different. Here it will either return the value that matches or if it is undefined it will assign a value. What I want to do now is if it is undefined then return undefined and then break out. I have other examples that I want to do this for that are a bit more involved so I started with this example.

#
  var_assisting: |-
    [[[
      var assistbid = hass.states[variables.assist_group].attributes.entity_id
       .find((eid) => hass.states[eid].attributes.browser_id === localStorage.getItem("browser_mod-browser-id")) ?? variables.default_satellite;
      var micdevice = hass.states[assistbid].attributes.mic_device;
      var micstate = hass.states[micdevice].state;
      var assisting = micstate.includes("start");
      return `${assisting}`
    ]]]

Here is one where the value determined is passed further down. I cannot just assign the default_sattelite value to undefined otherwise things start breaking.

tacit cave
#

no mercy

scenic current
#

Hopefully my request makes sense. I am trying to set up a troubleshooting view that will give the true value of these variables .

modest nacelle
#

Any CSS guru's online?
I have some Lenovo ThinkSmart View devices and developing a dashboard for use as bedside table displays. They work really well except the very lowest display brightness is still a little too bright. So I've been trying to overlay a custom mod-card that sits on top of the dashboard and has an opacity value linked to and input_number helper. This works well for most of the cards on the dashboard except for Cloos' fabulous Bubble Card which I use extensively for popups. The popups and the buttons that call them sit on top of everything else, no matter what z-index I use for the mod-card (high numbers). Viewing in Chrome layer view (3D) I can see that the bubble card elements always sit on top.

This is the mod-card code I'm using:

      - type: custom:mod-card
        style: |
          ha-card {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, {{ states('input_number.bedside_table_device_overlay_brightness') }});  # Use the variable here
            z-index: 9999 !important;
            pointer-events: none;  # Make overlay non-interactive
            display: flex;
            justify-content: center;
            align-items: center;
          }
          ha-card > div {
            pointer-events: auto;  # Make the inner elements interactive
          }

Any thoughts?

tribal galleon
#

@scenic current an empty return should be the same as "breaking out". I thought you were able to get checking for undefined values back in March. #frontend-archived message

zealous heart
scenic current
tribal galleon
stuck spire
#

do third party cards (HACS) need to build in support for visibility? Trying to implement it for "ApexCharts" it does not have a visual editor. When I add the visibility yaml code I get a message stating: ** "apexcharts-card version 2.0.4 /// value.visibility is extraneous" ** https://dpaste.org/tmXZ8 YAML

stuck spire
#

Well that's super annoying.

vast crane
#

I don't think I agree with that

#

visibility works for other custom cards without support

tribal galleon
stuck spire
vast crane
#

if APEX is complaining via its own error messages that's its own business, but I think the frontend would be fine with that

#

does it work, disregarding the error message?

stuck spire
#

lol no

#

and when I save the dashboard it just disappears

tribal galleon
#

Might just have to wrap it in a Conditional card.

vast crane
#

that's apex that's throwing that error. seems like it's trying to be too helpful

stuck spire
tribal galleon
scenic current
cold crypt
#

Hi, I have got a problem with my timetable helpers. They are not editable anymore via UI.

#

Is there a known problem?

#

I used to change the time periods by klicking a 15min slot or drag them

#

But now everything seems to not recongnize my mouse click

#

Even when creating a new one it is not possible to set any timeslots for on/off

#

it is a known bug

vague blaze
raw plover
#

Any way to fix pictures that show up on my desktop dashboard view, but dont load when casting the board to my hub?

near wedge
#

https://imgur.com/a/9PmSSkT
Can I change the font size somehow or is card mod needed? (yellow)
Second, what's with the icon colors once working and then not (red)

tribal galleon
tribal galleon
agile basalt
#

Using the new Section Conditions, is it possible to use a chip card (without entity) to toggle a section?

raw plover
zealous heart
#

@tribal galleon Sorry to bother you, did you find some time regarding the garage card ?

tribal galleon
#

Just got home. Will have it in a couple of minutes. Want to add a couple of things to it that you might find useful.

zealous heart
#

wow I appreciate

#

Take a coffee first ^^

zealous heart
#

My custom garage card

pallid zephyr
#

Using UI_Lovelace_Minimalist custom:button-card, as soon as I add template: card_light, I lose the ability to use card_mod to set the font-size for the name. Is there a way around that?

tribal galleon
pallid zephyr
tribal galleon
#

Minimalist relies on templated custom:button-cards. It's the same custom:button-card as found here . The code that I posted above I just put into a custom:button-card that I was working on the double-check the syntax.

pallid zephyr
#

For me this is neither green nor tall unless I comment out the template.

#

However you are correct that card_mod isn't needed. I only thought styles: etc wasn't working because I hadn't commented out the template.

tribal galleon
#

@pallid zephyr I think I know what the problem is. So, name: is not actually the name:. The template doesn't actually use name:
From the template: show_name: false.
It looks like the name is actually located in the custom_field called item2. The problem is, I cannot figure out how to target it from the base card's styling. I don't think it can style into another custom:button-card.
You might be able to use card_mod but I don't have a clue how to target something like that. You might be better off modifying the template itself, but that would make a global change across all cards using that template.

zenith stag
#

How do I round the decimals in this? My attempt is not working

label: >
    [[[
      return '- ' + ((states[variables.entity6].state / 100) | round(2)) + ' kr'
    ]]]

This works, so it's only the round part...

label: >
    [[[
      return '- ' + (states[variables.entity6].state / 100) + ' kr'
    ]]]
tribal galleon
#

@zenith stag (states[variables.entity6].state / 100).toFixed(2)

zenith stag
cedar elbow
#

Is it possible to use a node.js client library (influx-node-app) in the frontend? I would like to access influx data in the frontend to generate the required data for the APEX Card (data_generator)

vague blaze
golden mistBOT
timid fox
glass valley
#

Should Auto Dash fully setup rooms etc. automatically like mushroom strategy?

#

I am a little lost reading the documentation

supple bear
#

Are the new sections view type, supposed to be suitable for my use case below.

I usually have a single dashboard where I try to show all of my alerts/alarms at the top of the dashboard, conditionally. I then show areas for each room below that so I have tried to use sections today to see does it work well.

For the most part its quite good, however, in my 'alarm' section, when all is well, there are no alarms so ideally I would like to hide that entire section when theres nothing to show. However I guess because of the current nature of the sections, even if nothing is visible within one, it will take up a single grid space, showing nothing inside.

Is there any trick to help with this, maybe hiding the entire section if no entities within are visible without me having to write this logic myself at section level?

timid fox
safe trout
#

hi all - I have an incredibly simple thing not working for me.
{{ states('sensor.day_en') }}, {{ states('sensor.date_en') }}
is returning "unknown, unknown". I have the sensor defined in my configuration.yaml:

  - platform: template
    sensors:
      day_en:
        value_template: "{{ ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'][now().weekday()] }}"
      date_en:
        value_template: "{% set months = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] %} {{ now().day | string + ' ' + months[now().month>```
vague blaze
tribal galleon
safe trout
#

trying now

tribal galleon
#

@safe trout A few more things. You should probably subtract one from the month to get it to return the correct month. Lists start at 0.
{{ now().day | string + ' ' + months[now().month -1 ] }} returns june. (your's returns july)
{{ now().strftime('%A') }} returns Thursday.
{{ now().strftime('%B') }} returns June.
Python strftime cheatsheet

safe trout
#

getting an error in the yaml check, trying to figure it out

#
  - platform: template
    sensors:
      day_en:
        value_template: "{{ ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'][now().weekday()] }}"
      date_en:
        value_template: "{% set months = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] %} {{ now().day | string + ' ' + months[now().month> ```
#

dangit sorry, that's wrong paste, give me a moment

tribal galleon
safe trout
#

template is clearing my code, but the yaml restart checker is spitting out an error

#

missing a quote - here goes reboot

#

success, thanks @tribal galleon and @vague blaze. Onto the next bits. Trying to replicate another project that someone killed off last year that I think is hands down the best looking HA I've seen

safe trout
#

ok, now I'm somewhat convinced there's a bug ๐Ÿ˜•

vague blaze
safe trout
#

because I had my day/date/time appearing perfectly, started working on an entirely different block (weather), and now my sensors are returning "unknown, unknown" again

#

ok it must be related to the restart after I added openweather, do I have to do something in the template for my sensors to trigger again to get initial values?

vague blaze
thorny echo
#

I have some lifx bulbs that support a flame effect. I want to slow the effect down and then save it as a scene but I'm not seeing a clear way to alter effect parameters when turning light effects on or off. Is this something I will need to build a card for using number helpers and a button that calls lifx-SetState but passes the number helper to the effect length parameter?

near wedge
sullen sphinx
#

Hi All. Any idea why when I play something from Stremio it displays the full poster of the Movie or TV show and the name of the show or Movie on the media card but Kodi just stay default and displays just the name?
Thanks

lime siren
#

I try to generate Cards based on a template-expression, ie:

{% for attr, value in sensor.items() if attr.isdigit() %}
// generate Card here
{% endfor %}

I've tried auto-entities with template but it does not work if the json includes booleans. Any other ways to do it?

slow harbor
#

Hello all,
I have a sensor called โ€žsensor.myteamspeakserverโ€œ.
The attributes are attached. As you can see, there are three users online right now:
client_nickname: 3de1
client_nickname: 3de
client_nickname: serveradmin
Can anybody help me to create a list of the online users on my dashboard as a markdown card?
I also would like the user โ€œserveradminโ€ to be hidden in that list if possible. So basically, there only should be the users โ€œ3deโ€ and โ€œ3de1โ€ in that list.
Thanks!!!

night cape
#

hey, is there a way to comment out a card state but not lose it when i save it to has it as backup in the card? like a # in yaml

tacit cave
#

not with the UI

#

sorry

night cape
#

when i use # in yaml code it removes the line

tacit cave
#

you can't use the UI at all

#

you have to use 100% yaml to comment things out

#

there is no way to do what you want if you use the UI at all to set up your dashboard

night cape
#

hรค, i said im using the yaml mode, do oyu mean something else?
with /* it works to comment out

tacit cave
#

you are not using yaml

#

you are using the UI that's showing yaml

night cape
#

aah okay

#

so to use "/*" is wrong?

tacit cave
#

not sure what /* is supposed to do...

night cape
#

it looks like this comments out the line but dont remove when im saving

tacit cave
#

there is no possible way to comment out a card if you use the UI in any way, shape, or form.

golden mistBOT
fiery ledge
#

aargh.. sorry.

#

please check if we can do something like width: > [[[ if (@media (min-width: 570px) ) return '494px'; return 'calc(100%)'; ]]] which would be awesome ๐Ÿ˜‰

tacit cave
#

that's card mod

#

use jinja templates

#

I don't believe you have access to the CSS though

fiery ledge
#

heck, youre right

tacit cave
#

I don't think it's possible TBH

fiery ledge
#

no, I've tried all I could think of, and this is the most compressed I could figure

lyric prairie
#

Although in button-card you can use something similar

fiery ledge
#

Yes but the thing is I donโ€™t want to overcomplicate the horizontal-stack of the menu buttons itself. The width is required because the โ€˜positionโ€™ is used in the card_mod. Without that, the stack is perfectly limited to a single column in the view

#

In fact, itโ€™s a bit surprising it can go beyond that at all, because my views are all vertical-layout, so only have 1โ€ฆ

teal halo
#

HI, is there a way to change the size of a mushroom title card? Not just the font , that I can do with
card_mod:
style: |
ha-card {
--title-font-size: 24px;
}

upper dew
#

Would anybody be able/willing to help me edit the javascript of a custom card (compass card). I am trying to force it to have a custom word rather than "N"

#

The card has language options. So my first idea was to pick a language and chenge the javascript for that language to put custom words instead of that language's words for N

#

I found where it has the russian language and tried editing the abbreviations through that and saved and refreshed but it seemed to just not change anything

vast crane
#

you might be running into browser caching.

upper dew
#

i tried command + shift + R

#

I thought that would prevent that?

vast crane
#

I'm not confident if it does or not

upper dew
#

Okay I will try opening in private window

vast crane
#

there's like multiple levels of caching, and hard reload only clears one level of cache, and I think https vs http plays a factor... it's complicated

upper dew
#

I tried in incognito but it is the same there :/

#

The russian letter for N (North) seems to be "ะก" which is Cyrillic not latin "C". Searching through the js file I have replaced all cyrillic "ะก"s so I cant see how it would still show it in the card

tribal galleon
vast crane
upper dew
#

Okay I disabled cache but still the same :/

teal halo
upper dew
#

If there are no results in the js file for "ะก", and cache is disabled, how can it show "ะก" in the card? I feel like I must be missing a piece of the puzzle

#

Unless I am somehow editing the wrong file. I found it in www/community/compass-card/compass-card.js

#

Okay I found in chrome tools > sources I found the JS file its using and its still using the original without my changes

#

So where is the js file that the frontend uses?

short geyser
#

can anyone help me with getting themes working?

#

i installed this one

#

but it seems like the background isn't changing one i pick a theme

vast crane
upper dew
#

got it ๐Ÿ‘ thanks

#

almost what I wanted ๐Ÿ˜†

#

I think I know what to do now

supple bear
#

Is there a specific place where its best to leave feedback / ideas on the new homeassistant sections. I want to raise a request/idea to have an option for a section, which can control its visibility based on all of the children elements within. ie

hide section if all children within are hidden

The idea being that some users might use a section at the top of their dashboard to show any alerts/alarms so as to appear most prominently for the user, but the section containing any such alarms shouldn't take up unnecessary white space when no elements within are being shown (ie no alerts/alarms).

vast crane
#

I guess you could make a group of your alerts, and then show the section if that group was on. but I understand you're asking for something more automatic

supple bear
#

Thanks a lot guys, I'll try the forum thread first, thank you

tribal galleon
tribal galleon
teal halo
tribal galleon
teal halo
#

adding !important didn't help either

safe trout
#

All -
relevant YAML: https://dpaste.org/ZyXXd
I'm having an issue with the mapping of icons. Currently, the result is I just get text on frontend ("icon"), instead of the right icon, not sure where "icon" is even being pulled from.

#

lines 71-75

tribal galleon
#

Those icons are also avaliable online. You can use the path to those instead.

safe trout
#

just ran it through dev tools, the path looks right
/local/themes/animated-weather-card/icons/sunny.svg

tribal galleon
#

Is the yaml supposed to use image: or icon: at Line 44?

safe trout
#

I believe image:

#

but icon: doesn't resolve it ๐Ÿ˜‰ just tested

frail surge
#

Im trying to set up a ios scriptable lockscreen widget to have me sent directly to a custom dashboard, but whatever i do homeassistant://navigate/lovelace/custom-dashboard will not send me there. I always land on the default dashboard. Ive also set the default dashboard in the companion app to the required one, but that didnt help either. Does anyone have tips on how to make this work?

tribal galleon
safe trout
#

looking now - appreciate the help. I've been doing some tests, I can't pass a URL into icon, if I just do a generic local icon past icon: it works, but as soon as I change it to a URL, blank

#

looking at documentation I think I need to use background-image

simple sapphire
#

Wondering if anyone could take a look at this and tell me why its not working. I have an icon that shows when any lights are on and when I click that icon it shows me a pop up of just the lights that are on and I'm able to click them to turn them off. That works no problem. But when I try to put that into a conditional card it doesn't come up with any errors but no card actually shows up.

#

Right now outside of that conditional card when no light is on it shows the icon with "0" next to it. I would like for that icon to disappar when no light is on and only show when any lights are on

tribal galleon
ornate jetty
#

Hei, i have a temp sensor which I plot the last day on a graph, it looks good. Now I also have a 7 day graph, but I want a lower resolution like 1h average, what's the best approach for this? I often use the apexchart add on, but it's not essential

upper dew
#

Does anybody know if its possible to set tap action to none on statistics graphs?

safe trout
#

I'm about to just call it a day and give up on the icons. I think the issue with my yaml is the image variable itself, but changing it to icon doesn't help, I can't pass a URL to icon as far as I know

zenith stag
ornate jetty
zenith stag
ornate jetty
#

it is enough to work one:)

halcyon mantle
#

I'm stuck, I have been able to get the colors of state-icons change on my picture elemants card, but I have a conditional element, which is also a state-icon, but the card-mod code I have been using everywhere is not working. Any help will be appreciated. The code which usually works is:```
card_mod:
style:
'state-badge$': |
ha-state-icon[data-state="on"] { color: red; }
ha-state-icon[data-state="off"] { color: grey; }

safe pike
#

I've been desperately trying to learn card_mod styling, but not having much success. Is anybody willing to walk me through a few things?

To pick a starting point, I've been trying to understand the "Debugging tips" section of the card_mod docs, hoping that this would allow me to troubleshoot other issues myself.
Step 4 says to select the <card-mod> element under the <ha-card>, and then type $0.card_mod_input into the console to see the rules applied (or at least matched).

On one of my cards, this works, on another card (that I'm currently trying to style) with the exact same rule, it just shows an empty string. What does that mean?

#

Maybe it's an issue with that specific card. (It's the denysdovhan/vacuum-card, btw.)

If I apply the rules via card-mod-card in the theme, it does apply!

I've also noticed that the <ha-card> has a class of type-undefined. That's odd, isn't it?

Additionally, I was unable to set the styling variables (as documented) as variables in the theme. However, if I set them to ha-card.type-undefined via card-mod-card, it works!

safe pike
#

Next, does anybody know how card-mod-more-info works? What element should I attach my rules to?

I'm trying to style all Tile Card tap popups, but having this in my theme seems to affect nothing:

  card-mod-more-info: |
    * {
      font-size: 99pt;
      background: hotpink !important;
    }
snow obsidian
raw plover
#

Im trying to cast my dashboard to my google hub, it is all working fine, except my entity picture is showing this instead of loading, anyone know how to fix? The image shows up correctly on my desktop, just not the hub

vital burrow
#

Have you tried another picture file type?

raw plover
#

when I do a picture type card the image load fine

#

just not as an entity, or the card background

vital burrow
#

I'd expect png to work, but it might be worth a try.

raw plover
#

I got the same result with the jpg as a png

#

loaded fine on the computer but not on the hub

safe trout
#

ok I'm working through the next section of this guy's dashboard and have more questions (thanks in advance). Sometimes it's hard to figure out what has been deprecated and this dashboard is over a year old.
https://pastecode.io/s/50voe08q
is that style modification still valid under the current iteration of slider-button-card?

#

nvm answered my own question.

safe trout
#

anyone ever have an issue where the dashboard doesn't load until you go into edit mode, then everything pops up?

vague blaze
safe trout
#

@vague blaze happening on every device (3 different devices tested)

vague blaze
vague blaze
#

That looks really good!

safe trout
#

still annoyed I can't figure out the weather icon, but, I'll tackle that after I get through a bit more

untold trail
#

weather icon?

safe trout
#

@untold trail yeah I've been trying to get a mapped weather icon working for a few days now. Several people have tried to help, no luck. It's based off of a template I took from someone else but I think things have either changed or been deprecated

untold trail
#

oh...idk what mapped even means heh

simple sapphire
#

can a mushroom chips card have a light popup card when you click on it?

olive galleon
#

Is there a Blueprints UI coming at some point? I find it extremely difficult to debug at the moment.

tribal galleon
#

(I condensed some lines so the bot would not eat this post.)yaml type: custom:mushroom-title-card title: NetAtmo card_mod: style: | :host { --title-font-size: 32px !important; --title-color: black !important; } ha-card { display: flex !important; text-align: center !important; height: 150px !important; width: 300px; background: gray !important; }

tribal galleon
vital bronze
#

hi, i want to display a clock on my dashboard but i need to it to cover the whole dashboard so the font size is big. how would i do that?

teal halo
teal halo
#

I can change the size of the text and if I make it like 1000px the card grows with it. However if I go below a certain size, the text shrinks but the card itself does not. In normal circumstances the text is alligned to the middle of the card. But when the text is too small it's alligned to the top of the card. I'm still looking to make the card itself smaller

sly pulsar
#

Anyone know how to extract the temperature from the forecast attribute.

#

Forecast [{'datetime': '2024-06-15', 'condition': 'cloudy', 'precipitation_probability': 0, 'wind_bearing': 225.0, 'is_daytime': True, 'sunrise': datetime.datetime(2024, 6, 15, 5, 29, 'temperature': 18.0, 'templow': 12.0}]

#

This one below is not working.

#

label: "[[[ return states['sensor.weatherforecast'].attributes.forecast[0].temperature + 'ยฐ' ]]]"

atomic glacier
#

@vital bronzecreate a view with the clock card and set the view to panel: true

north crag
#

Anyone have a way to set up dynamic timers in a card? Like at the very least something that I can set a single dynamic timer for, that I can then use to trigger other actions, or maybe something that would allow me to add multiple dynamic timers to a list that each timer can run concurrently and actions can be taken on each independently.

vast crane
#

I think probably the closest you could get would be like creating a script that has input fields, like a duration and an actions selector. then put that script and a timer in a card, and when you click on the script to run it you can pick the actions in the more info

north crag
vast crane
#

yeah, but use the Add Fields option

north crag
#

add action you mean?

vast crane
#

you'll need both fields and actions.

north crag
#

I dont see an add fields option in scripts

vast crane
#

top right dotsvertical menu

#

FYI this is not going to be an easy thing to implement, it's pretty advanced

north crag
#

Not sure why it would be that complicated, I mean theyre just timers. But I guess with the restrictions of the system it may be

tribal galleon
#

I'm not following the "single dynamic timer " part. ๐Ÿ˜•

north crag
tribal galleon
#

I input_number helpers which can be added to your dashboard. When starting the timer via automation, I have it look at the helper to set the duration. Action: yaml service: timer.start data: duration: >- {{ states.input_number.automation_auto_bathroom_lights_duration.state | int(0) * 60 }} target: entity_id: - timer.automation_auto_bathroom_lights

north crag
#

Example being like if I have 3 timers I decide to start with varying times, the first being an hour, the second being 15 min and the third being 30 min. If I start the first, then 5 min later the second, then 30 min later the third, I want timer 2 to go over 20 min after the first timer start, timer 1 to go off 60 min after the first timer start, then timer 3 to go off 65 min after the first timer start.

tribal galleon
north crag
#

and I was hoping to be able to edit the timer length in a card to have an easy UI to start and edit times with.

north crag
tribal galleon
north crag
#

Also, those timers autostart by an extrnal trigger, I wanted a start button, but I suppose that would be easy to set up. With what you posted though, I'd have to set the other 3 timers to 0 if I only wanted one timer running at a timer, and I don't know how I would really start another timer before the 1st ended.

#

Unless I had a separate start button for each timer

tribal galleon
#

Each row in the picture above has the following: an input_boolean helper to "enable/disable" the automation (so I don't enable/disable the actual automation entity), a timer entity, and an input_number helper for the duration.

tall monolith
#

what's the actual thing you're trying to accomplish?

tribal galleon
#

Sounds to me like a staggered timer sequence.

north crag
tall monolith
#

no, that's how you're trying to accomplish it. what's the actual goal?

#

I'm not trying to bring you down, I'm just curious why you want that. maybe I'll want it too or maybe one of us will have a better way to accomplish it

north crag
#

The goals is to use HA to allow me to get notifications from multiple timers that I set up around my home. Anything from basic kitchen timers to any other timer that I know how long it should take to complete that I want a notification for.

tribal galleon
#

#automations-archived would probably help with the automation aspect of it. From a front-end perspective, helpers can be used to be able to "adjust the settings."

north crag
#

Ok, I haven't really used automations before, and wasn't sure if automations was the way to go otherwise I would have posted there first. I thought maybe there was an card that would have handled all this.

#

Thanks for the help.

tribal galleon
#

You'll need the automation portion to get your timers to actually do anything meaningful. Otherwise, they'll simple countdown and then do nothing. I'd suggest starting with one timer and get the notification portion working. Then expand it to be able to handle the * If I start the first, then 5 min later the second, ... I want timer 2 to go over 20 min after the first timer start,*. I'm sure it won't be easy but of the logic you're trying to get it to do. (But not impossible.)

tall monolith
#

i think it's exactly what you're looking for. throw in a helper to make it notify instead of turning on a light or starting the vacuum

#

and it actually looks like it might be useful for me too, so that's a win ๐Ÿ™‚

north crag
#

Thanks, I'll check those out and respond back when I've been able to test some of it.

tall monolith
#

i tend not to use that sort of notifying timer for anything but cooking, but I can imagine wanting to have a thing happen at a time as a one-off instead of an always thing.

golden mistBOT
brazen drum
#

I have the following card in each view on Home Assistant:
`type: custom:vertical-stack-in-card
cards:

  • type: custom:decluttering-card
    template: navigation_bar_template
    card_mod:
    style: |
    :host {
    position: sticky !important;
    bottom: 0 !important;
    }`
    This card is a navigation bar defined as the last card on the page, always displayed at the bottom of the screen. However, since the last core update, it no longer works. How can I fix this?
tribal galleon
#

@brazen drum I use this to position a card in the top right corner of the screen. yaml card_mod: style: | :host { position: fixed; top: 0%; right: 0%; z-index: 99; }Looking at your code, I wonder if it is because you use 0 instead of 0px or 0%.

safe trout
#

I want to use it for my background

tribal galleon
safe trout
#

@tribal galleon how'd you get that? I agree it's static, which is fine. Timestamp looks like the current image is from the last couple of hours

tribal galleon
#

Followed your link. Found the camera. On the next page, in Firefox, I inspected the page. Used the Pick Element tool. Selected the "live camera view". Screenshot shows what it returns. Copied that link into a new window to double-check that it was what I was looking for.

safe trout
#

@tribal galleon you think it's better for me to pull the image locally and then link to that in HA or just go direct to the url?

atomic glacier
#

Sticky navigation bar broken

keen glen
#

im using button-card and i would like to remove the unit from my state so it will only say "30" instead of "30 miles" and for it to look like the default title card but just can't find any css out that that works

#

it seems like i cant edit the css of the container div making it a flex row placing the icon next to the text instead of above

tribal galleon
# safe trout <@695007435966120058> you think it's better for me to pull the image locally an...

The image's file size was about 500KB so just using the URL may not be an issue depending on your connection. I'd say, give that a try and see how your dashboard responds. Just realize that it will probably need to download each time as you navigate around to different views. It also depends on it the image gets cached on the device.
If you decide to use the Downloader integration (and set up an automation to download the image), just remember to set its path to use /www/ and not /downloads/ like it wants to default to. I forget how the integration gets set-up, but before, when it had to be manually configured, I had to use this configuration.yaml: ```yaml
#downloader:

download_dir: www```I have some caching issues with the downloaded version when an image is used in a custom:button-card. (A picture card using the URL works just fine.) I'm sure it is more of an issue with Firefox than it is a problem with the card. (Even though I've tried being sneaky and forcing the card not to use a cached version of the image. But, now that I look at the code that I was going to paste here, I think I see my problem. I tried using a Jinja template inside a JavaScript-based card.) ๐Ÿคฆโ€โ™‚๏ธ

#

This might work for most cards: "/local/WU-animated.png?v={{ now() | as_timestamp() | int }}"This might work for the custom:button-card: "[[[return `/local/WU-animated.png?v=${Date.now()}` ]]]"(EDIT: Just don't use triggers_update: all because any little thing will cause the card to update itself and create an almost strobe-like effect.)
EDIT2: The custom:button-card version works. Added triggers_update: automation.download_latest_gif. When the automation fires, the entity is updated which subsequently causes the card to refresh showing the newly downloaded image.

tribal galleon
#
type: custom:button-card
triggers_update: automation.download_latest_gif
styles:
  card:
    - background: '[[[return `url("/local/WU-animated.png?v=${Date.now()}")` ]]]'
    - background-size: contain
    - background-repeat: no-repeat
    - height: 350px```UPDATE: This actually works pretty well. Updates whenever the automation fires. Good for a static dashboard that doesn't get refreshed frequently (like a wall display). The Picture card that I was using for comparison has not updated itself during this time.
tepid spear
#

Is there a way to hide disabled device's entities from a dashboard? I have one device which I don't want to remove from HA core because I use it every 6 months. Its entities are shown in the dashboard. If I disable the device, entities are showing the error on the dashboard. I tried commenting them out from code editor, but it just removed them.

#

Now when I opened it again after saving, it deleted them completely.

#

Before it deleted them, I also tried disabling them (which also triggers "visible" toggle to off, but they are still there.

untold trail
#

Condition being state = unavailable

tepid spear
# untold trail Conditional card

Thanks. Is it possible to do it partially? On the dashboard I'm using, I have a card for a living room, so all devices' (from living room) entities are there. Is there are a way to hide those of disabled device? I tried conditional card, but if I'm seeing it correctly, I would need to have separated card for every device?

untold trail
#

You could put multiple cards inside the conditional card but then all of them would be disabled based on the state of one

#

If you want them individual youโ€™d need a conditional card for each

safe pike
#

On my dashboard, the <hui-root> and <hui-view> both have a class="undefined". Is that correct and intended (why?), or is something going wrong there?

untold trail
#

Is it working fine?

safe pike
# untold trail Is it working fine?

Well, a lot of stuff isn't working with my custom YAML dashboard! ๐Ÿ˜›
But it's WIP and I cannot identify the missing classes as a specific issue, no.

zealous heart
#

I want these 2 cards to look like one card

dark dirge
#

But I think the built-in Grid card could be a better choice

zealous heart
#

How I ve never used this one, I ll try

#

hmm grid stack look same but is different ^^'
I got the same result

dark dirge
#

yeah, the first one looks like the solution

zealous heart
#

?

dark dirge
zealous heart
tribal galleon
# tepid spear Is there a way to hide disabled device's entities from a dashboard? I have one d...

I wonder if you could use an auto-entities card. It's not the easiest card to set up, but you can feed it enough parameters to get it to show what you want, excluding those that you don't. For example, in this screenshot, auto-entities includes entities matching light.*_lights and excludes states off,0, & unavailable and entities containing *screen* and light.all_lights. It is set to output a custom:button-card for each entity it matches. (The custom:button-card uses entity_id: this.entity_id.) There's some useful examples in the docs.

tribal galleon
zealous heart
untold trail
#

Anyone in here with floor plan setups?

tribal galleon
tepid spear
#

That's why I hoped for a solution where entities of disabled device aren't show at all by default.

tribal galleon
#

@tepid spear Post your code for the card or a screenshot of the card.
If you've defined an entity within the card and it cannot be found (disabled, typo, wrong domain, etc.), then the card is still doing what you told it to do and will attempt to show the entity. Since it can't be found, hence the error.
If you're using an Entities card (I'm assuming since you mentioned being able to toggle everything within the room), the auto-entities card should be able to feed the Entities card with the appropriate entities.

tepid spear
#

You are correct, I'm using just a default entities card. YAML is

entities:
 - entity: sensor.plug_power
   secondary_info: last-updated
 - entity: sensor.plug_energy
   secondary_info: last-updated
 - entity: switch.plug
 - entity: sensor.plug_device_temperature
title: Living Room
show_header_toggle: true
state_color: true```
#

So nothing special. Here in entities were sensors of disabled device showing an error. My idea was simply not to show them while the device was disabled and once it is enabled again, they appear.

#

If I'm not wrong, autoentities require hacs, which I don't have, but if that's the only way for this to work, I will add it.

dark dirge
#

nothing requires HACS

#

HACS is just a downloader

tranquil sphinx
#

I am looking for some advice, my web ui for Home Assistant OS keeps going unresponsive, I can access the ui from companion apps without a problem. What should I look for in the logs to find the issue, and which logs should I be looking at?

tribal galleon
zealous heart
tribal galleon
#
type: custom:auto-entities
card:
  type: entities
  title: Kitchen
  show_header_toggle: true
  state_color: true
filter:
  include:
    - entity_id: light.kitchen
      options:
        secondary_info: last-changed
    - entity_id: light.stove
  exclude:
    - state: "unavailable"```
#

You can add this to move entities that are turned on to the top of the list: yaml sort: method: state reverse: true

tepid spear
#

Thanks @tribal galleon! Guess I will just add HACS (planned to do it for powercalc as well) and play around with auto-entities.

tribal galleon
midnight charm
#

I start loosing my mind. Hopefully somone here can help.

2 days ago I noticed that most of my dashboards are extremly slow. Not even responding most of the time.

If I open the url that leads directly to settings or Dev tools it is very fast and everything works. Just all the dashboards are slow

#

APPs are working without any isues

blazing wren
midnight charm
#

thank you so so much I can't express how happy I am

blazing wren
#

I'm glad to have helped ๐Ÿ™‚

tribal galleon
#

I remember seeing comments about BitWarden add-on being messed up but didn't realize it was affecting the frontend.

blazing wren
#

It's the browser extension/add-on that's the problem.

upper dew
#

would anybody possibly know how to use card-mod to remove the 3 dot menus on the right side of the to do card?

#

I managed to remove some other stuff like delete using this code i found on reddit

#
  style:
    div: |
      div.addRow {
        display: none;
      }
    ha-icon-button: |
      ha-textfield {
         pointer-events: none;
      }
#

I tried myself with the css but I just dont know how it works well enough to figure it out

tranquil sphinx
#

Thanks @midnight charm and @blazing wren I posted a similiar issue earlier on here and didn't get a response. I was doing the same thing natron, I was removing HACs add ons, re writing my templates anything I could think of to get it to work. a simple extension was the problem...

safe pike
#

I'm absolutely going crazy trying to make the button-card templates work. Can anybody explain me how they really work?
When are they updated/rerendered? (I can tell you that in my case the answer is: absolutely never!)

I've tried to drop the whole ui_lovelace_minimalist/custom_cards/ and custom_components/ui_lovelace_minimalist/__ui_minimalist__ setup and just pull them local to my dashboard. Now I've deleted all of them, and the old versions are still rendering. Sometimes, a full reboot of Home Assistant works. But lately, not even that.

Where the hell are they cached and how do I clear/refresh that cache? (Or just turn it off, I'm okay with them being rendered on each page load.)

tribal galleon
#

@safe pike custom:button-card templates go into the root of the dashboard's yaml.
If you're using a regular storage mode dashboard, go to the Raw Configuration Editor by clicking the Edit icon in the top right corner > click the 3 dots dotsvertical > Raw Configuration Editor.
If you're using a yam mode dashboard, simply paste them at the beginning of the code. You can also use button_card_templates: !include button-card-templates.yaml and store them in a separate file.

button_card_templates: 
  name_of_the_template_here
    show_icon: true
    show_name: true
    show_state: false
    ...and so on...```You can see how it is laid out in my dashboard's yaml starting at [Line 162](<https://github.com/dsellers1/home-assistant/blob/68e8d583109036d29b927229a71c9883e52d6e6b/dashboard.yaml#L162>).
mild gate
#

Can anyone confirm: there is no way to cast (to a 4K chromecast) and change the resolution, right? Itโ€™s like 1080p or bust?

upper dew
drifting horizon
#

I've added a custom entity picture to an input_select. The picture shows up in the entity details view, but not with the Mushroom Select Card. Am I missing something?

#

Oh I'm super silly, figured it out. Thanks.

#

There isn't a hacky way to get a legacy card to adhear to the sections view half width size, is there?

tribal galleon
drifting horizon
tribal galleon
#

Generally, for most stock HA cards: yaml card_mod: style: | ha-card { width: 50%; }EDIT: Typo fixed.

drifting horizon
#

@tribal galleon Thank you, you are a saint and a savoir.

#

Sadly I don't think it works with entity picture cards.

#

It's half sized but still takes up the whole row.

tribal galleon
#

@drifting horizon Fixed typo in code above. It works but probably not as you're wanting.

tribal galleon
drifting horizon
#

No worries. back to the grind with grid cards.

trim wadi
#

This might seem a little dumb, but I'm trying to make this star trek themed dashboard where you tap a button and it plays a random mp3 via a script from the device I'm currently using via its speakers

#

I have something similar set up for my wyoming satellite where it's playing random computer chirps through my media players when it hears the wakeword and when stt ends and it works great

#

but im now realizing there doesnt seem to be any way to play a sound from HA in its app/browser form?
like what action do I perform to play an mp3 locally on-device

vital burrow
#

If you are using HAOS: VLC add-on, VLC over Telnet integration and using that mediaplayer for playing the mp3.

safe pike
# tribal galleon <@181159405725810688> custom:button-card templates go into the root of the dashb...

Thank you for your response! Right now, I have my button card templates in separate files in a subdirectory, next to my dashboard YAML file. I'm using button_card_templates: !include_dir_merge_named "button_card_templates/" to import them.

That generally works, I just have to fully reboot HA (Dev Tools > Restart > Restart Home Assistant) to get any changes to the template to show up on the dashboard. Quick Reload (Dev Tools > Restart > Quick reload) does apply theme changes, but not template changes!

That makes for a very arduous development process. Any ideas how to speed that up? Honestly, I'd love to just turn off the template cache. My templates are not that complex and CPU time is really not a limiting factor for me right now.

tribal galleon
# safe pike Thank you for your response! Right now, I have my button card templates in separ...

When you make changes to the file with the templates and save it,also save the file for the dashboard.
My theory is, even if you refresh the browser, the dashboard file hasn't changed (timestamp) and therefore doesn't reload the templates from the !include because the browser doesn't actually load a new copy of the dashboard (cached).
Try it and see if that helps. It's what I have to do when working in VSCode.

zenith stag
#

btw, to apply changes in the theme, this will be quicker than doing a "quick reload"

celest pendant
#

Hey guys, not sure if im in the right place for this. Im currently notified of my washing machine runs, duration, kWh, that sort of thing - im wondering if and how i can create an overview of all the runs listing the duration and kWh and possibly add more data manually if needed?

dense spear
#

i have spent so so many hours trying to get sensor/light colour data to affect my floorplan and gave up. now a simple picture elements card wont get data from any entity

vast crane
#

you cannot put templates in stock frontend cards

#

@dense spear

dense spear
#

ah okay. do I need to change it to a template card

vast crane
#

possibly, I'm not familiar with all the custom cards and what options they have, but you cannot do what you're trying to do with the picture-elements card by itself

dense spear
#

ah okay thank you very much

safe pike
safe pike
# zenith stag Have you tried used the Studio Code Server integration? I have the same folder s...

I'm running HA in Docker, so I believe those add-ons are not available to me.
But I'm editing straight on a network share, which is volume-mapped into Docker. So I'm sure the files immediately get written.
It is possible that the OS doesn't send proper 'file has been changed' signals to file watchers through the Docker volume (I've experienced that issue before in other projects, although only in the other direction).

But still, my question remains: what causes the templates to be rerendered? Is it a file-watcher?
Because if I understood the process, then I could modify or work around it.

safe pike
lyric prairie
#

Reloading templates with minimalist requires two steps, sometimes three.

  1. you need to reload all yaml configurations or reload the minimalist integration
  2. reload the dashboard itself to renew the frontend cache
  3. (reset browser cache)
lofty geyser
#

wtf is this graph

tall monolith
#

it looks like it's probably your T5 Pro Z-Wave Programmable Thermostat with smartStart current temperature fluctuating by 9 degrees a couple of times an hor over the last 35 hours

vast crane
#

I think those blue bars are primarily the cooling bars, not a fluctuation in the blue line

tall monolith
#

it's hard to tell with the colors so close

tacit cave
#

That's blue shading, showing when it's cooling

#

It's only hard to tell because of his date range

#

choose a smaller time period, it makes sense

tall monolith
#

that does make a lot more sense

safe pike
# lyric prairie Reloading templates with minimalist requires two steps, sometimes three. 1. you ...

This is actually interesting that you mention minimalist. I was wondering how that's related. (Not a trick question, just a newbie question!)
Is it because the button-card is based on minimalist? But its description doesn't mention minimalist even once.
I thought minimalist was some kind of higher-level framework that runs on top of lovelace (the "dashboarding subsystem")? Is that not correct?

How is minimalist involved in my button card templates, and how does it hook into lovelace?

tacit cave
#

mimimalist is just an autogenerated dashboard using custom button card

#

and other cards

lyric prairie
lofty geyser
#

ohh thanks

#

they should probably change the color of the blue bars below the line so it doesnt look like its part of the line lol

tacit cave
#

you can change that by adjusting your theme

golden mistBOT
safe pike
lyric prairie
safe pike
# lyric prairie Than you probably just need to adjust the relative paths after the `!include` to...

They are now in a folder next to my dashboard YAML. I've stopped using the whole __ui_minimalist__/ulm_templates setup, hoping that it would fix my reloading issues โ€” it didn't.

Now I've noticed that my dashboard is still stored in a folder named ui_lovelace_minimalist in my HA config root. Did I name it that? Or does that mean that I'm still using minimalist somehow?

Sorry, I'm still so very confused about the relationship between HA and lovelace and minimalist and button-card and all the other custom cards and maybe even HACS. ๐Ÿ˜‰
Can anybody recommend a good article (almost like an ontology), that puts all of these different systems and their touch points in relation to each other?

dark dirge
#

Home Assistant is the automation software that you're using. "Lovelace" is the original name for the HA frontend

safe pike
#

I mean, the minimalist docs start with:

It's kind of hard to explain what this is
That's not off to a good start! ๐Ÿ˜„

dark dirge
#

"UI Minimalist" is a framework for a frontend dashboard/cards/whatever that's based on the "custom button card" custom card

lyric prairie
#

Jup and it utilises some python to pre-setup some stuff

dark dirge
#

HACS is an integration for downloading lots of custom things and updating them when updates are released

lyric prairie
# safe pike They are now in a folder next to my dashboard YAML. I've stopped using the whole...

Now I've noticed that my dashboard is still stored in a folder named ui_lovelace_minimalist in my HA config root. Did I name it that? Or does that mean that I'm still using minimalist somehow?

This ain't a problem since it is just a dashboard with things setup to make it easier with minimalist, but you can override/delete that stuff and it all works as a normal yaml-based dashboard

#

The most important is that you adjust the line:

button_card_templates: !include_dir_merge_named "<some_path>"

To the relative path that is used by the directory you have put your templates

safe pike
safe pike
lyric prairie
#

If that is done you only need to run reload dashboard. But I can not verify that since you haven't showed use anything of the yaml that you use for the dashboard

lyric prairie
safe pike
#

Thank you for all your help, btw.!

lyric prairie
golden mistBOT
dense spear
#

can someone tell me what card I need to have a svg react to sensor information. pulling my hair out here

tall monolith
#

what are you trying to do?

lyric prairie
#

@carmine island you want probably:

card_mod:
  style: |
    ha-card{
      background: lightgrey;
      border-radius: 14px;
    }
#

Also change importent to important in your template statement

dense spear
#

I just want the svg to spin based on a sensor %

lyric prairie
dense spear
#

it works with hard values. only thing that doesnt work is reacting to the sensor data

#

oh cool

#

ive tried everything. someone said a picture elements card isnt capable of doing it but idk

lyric prairie
#

But also here it is encouraged to paste the yaml as code formatted text

dense spear
#

sorry how do I do that

golden mistBOT
#

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

lyric prairie
#

Pictures of the card itself are fine though

golden mistBOT
lyric prairie
#

@carmine island Please stop sending the same text over and over again, I already answered it

#

Also with message larger than 15 lines due to code consider to use a code paste website

golden mistBOT
#

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

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

dense spear
carmine island
#

thank you

dense spear
#

Ive spent countless hours trying to get this working. my floorplan wouldnt change hue either

#

it should be really basic. when I copy others code it still doesnt work

lyric prairie
#

@dense spear As karwosts already mentioned you cannot use variables and templates directly within the picture-elements cards. Things you can consider are using:

  • card_mod
  • decluttering card
  • config template card
dense spear
#

hard coded numbers work fine. just not the data from the sensor. or light colour value in the case of the floorplan. even others code doesnt work

lyric prairie
#

It requires javascripting not jinja

#

so

states(''sensor.window_open_percentage'') | int

Should be

parseInt(states['sensor.window_open_percentage'].state)
dense spear
#

Still no tilt on it. with the template card and your amendmant

carmine island
#

Hello, i have the following problem with the card (thomasloven/lovelace-card-mod ):
https://dpaste.org/1cXFU
The visual editor is not supported for this configuration:
Key โ€œcard_modโ€ is not expected or supported by the visual editor.
You can still edit the configuration in YAML.

I can save this and the icons are working but the background is not changing in lightgrey en the radius is not working.
Can you help to get this working?

dense spear
#

this is what the template editor has to say

carmine island
#

i have tried the suggetion but it's not working

lyric prairie
# dense spear this is what the template editor has to say

Notice the difference in where the variables are defined (from the docs)

type: 'custom:config-template-card'
variables:
  LIGHT_STATE: states['light.bed_light'].state
  GARAGE_STATE: states['cover.garage_door'].state
entities:
  - light.bed_light
  - cover.garage_door
  - alarm_control_panel.alarm
  - climate.ecobee
card:
  type: picture-elements
dense spear
#

will "state" get the value of the helper if its just a percentage

lyric prairie
lyric prairie
dense spear
#

just loads foreber in lovelace and cant save it

lyric prairie
#

javascript isn't gonna work it the jinjatemplate editor

dense spear
#

ah okay thought so. i just dont have a way to see whats wrong. lovelace justloads forever gives no specified error

#

no error now it just doesnt show the tilt. if I add hard numbers the window swings correctly

#

this is in f12 menu on chrome

lyric prairie
#

The variables need to go outside of the picture element part, but I am also struggling to get the template to work in the image block

orchid oxide
#

How do I disable the min/max/mean for everything and just get the actual value? (systemwide if possible)

dense spear
carmine island
# lyric prairie Here it works??

can you tell me what you have in the configuration file:
i have in configuration file under frontend:

extra_module_url:
    - /local/card-mod.js

lovelace yaml:

resources:
   - url: local/card-mod.js
     type: module

under daschbord sources:
/local/card-mod.js
javascript enabled

tacit cave
#

config-template-card does not use jinja

#

it uses JS

dense spear
#

is any of this jinja. it just loads forever (bottom right)

tall monolith
#

is that a smart Kazoo?

tacit cave
#

can only see half of it

mild gate
#

is casting a dashboard to a 4k Chromecast still limited to 1080p? Or is there a trick to getting 4k resolution ?

#

sorry it is limited to 720p

tacit cave
#

{{ states('sensor.window_open_percentage') | int }}

#

that's jinja

#

'custom:config-template-card'

#

that only uses JS

dense spear
#

if so that just loads and I cant press save on lovelace

tacit cave
#

you'd need to read the config-template-card's documentation on how to use JS templates, it's been a while, I forgot it's exact syntax

dense spear
#

Thanks I appreciate the help a lot. ive been at this for hours and read it so many times lol. Ill have another look

tacit cave
#

are you reading the correct documentation?

#

because you aren't even doing the bare minimum requirements for templates

dense spear
#

Im looking at this on the github

dark dirge
#

So many pictures of the text

dense spear
#

I was just showing the github I didnt realise youd want copy pasted text of that

tall monolith
#

yours doesn't have the $

tacit cave
#

it does, just in the wrong spot

tall monolith
#

but also, a URL would be more appropriate than a picture or copy of the code

tacit cave
#

the entire template needs to be wrapped in ${ }

dense spear
tall monolith
#

i mean a url of the github

dense spear
#

oh i get you

tall monolith
#

I don't know if it applies here, but a lot of people on the internet use screen readers for text and that makes a picture of text extra bad.

dense spear
#

Oh okay that make sense. sorry im new to using discord

#

just been stuck with this issue for so many hours

tall monolith
#

here it's probably more that people will want to copy/paste into something with code highlighting

tall monolith
dense spear
#

having a look at that now

#

so everything in side the Image: indentation?

tall monolith
#

I'm not sure I understand what you're doing there or why, so don't look at me ๐Ÿ™‚

dense spear
#

essentially ive tried in two diffrent projects to get SVG to react to entity data. but it doesnt work even when I copy past others code. I tried to hue shift in a floorplan and nothing. now im trying to spin this window svg open with a % sensor

#

the code compiles but it never does anything

dense spear
#

ive got this in chrome f12 menu

#

does this mean anything to anyone

safe trout
#

hi all - I'm having a problem with my frontend where my dashboard is entirely blank until I go into edit configuration editor (no edits needed, no saving or overwriting), then exit, at which point my dashboard is populated.

#

happening on multiple devices, copied the configuration over to a new dashboard, same problem

upper dew
#

How hard is it to create a custom card? This card would be exactly the same as the todo list card except I would remove the code that lets you click the item to change the name. So my thinking is that it could be as simple as figuring out what part of the code makes something happen when its clicked and just deleting it. What do you guys think?

safe trout
#

it certainly isn't that easy

vast crane
#

Its probably harder than you think. You can't just copy a frontend card as a custom card as all the helper functions it imports will not be available to you. So you'll have to end up re-implementing most of it.

safe trout
brittle forum
#

I'm getting annoyed at the size of the thermostat card

#

Any suggestions towards a more minimalistic, but still functional approach?

stuck spire
#

Tile card with additional features enabled?

#

Itโ€™s like 1/4th the size

brittle forum
#

Thanks, done

#

Can I have picture-elements bigger?

#

I can see width and height, but in percentage.

#

for the cctv dashboard, there is a lot of wasted space on the sides

#

How can i increase the size of the previews

vast crane
brittle forum
#

let me try

brittle forum
#

I have picture-elements which helps me overlay sensors and switches over the image. At the same time, I'm using custom webrtc-camera streams. I can't find a way to combine these with grid in a panel type dashboard.

#

I can't code.

#

I would have to give up one or the other - either go back to big latency streaming, or give up overlaid information.

worthy kite
#

Is there a place I can check for ideas/templates ready to use ?

vital burrow
#

The forum maybe

worthy kite
#

There was a template that Everything smart home scored 10/10 from Delon, did you guys ever found the creator ๐Ÿ˜„

#

that one was really nice

broken marsh
#

Is it possible to use an mdi icon as part of the state of a template sensor or can state only be clear text?

lyric prairie
#

states are always strings

#

So that wont work

broken marsh
#

Ok, thanks. But HTML UTF-8 symbols like ๐Ÿด๓ ง๓ ข๓ ฅ๓ ฎ๓ ง๓ ฟ could perhaps work. I'll try.

#

Yeah. That works. Fun.

upper dew
upper dew
vast crane
#

That's an entirely different card than the one in HA, must have been some misunderstanding.

upper dew
#

Oh that makes sense

vast crane
upper dew
mild gate
#

I've got an issue where I cannot add new dashboard views nor can I edit the properties (or delete) existing views. Clicking the + or pincil does nothing and doesnt generate any logs

young blaze
vast crane
#

your image link does not seem valid to me

young blaze
#

What do you mean?

vast crane
#

just says "Image not found".

#

maybe it's my problem somehow, but just thought you might double check

young blaze
vast crane
#

Try Settings -> Dashboards -> dotsvertical -> Resources

vast crane
young blaze
#

Yeap, deleted the entry all good now

#

thank you!

brittle forum
#

make a 1-card (panel) view and add a

tall monolith
#

can I have nested auto-entities cards? like, an autoentities card that populates by area and does a grid of autoentities tiles to display just switches and lights?

#

sort of like the automatic lovelace dashboard does, only with the ability to filter out the parts I don't want to show

mild gate
#

yep, dashboards back to normal in safe mode

#

so now is it just process of elimination for frontend add ons?

mild gate
#

ugh I've removed every added reource and almost every frontend add on ... no joy

granite briar
#

had this before but apparently didnt copy this one config from old instance before i rebuilt, HA. before I had an input_select dropdown that would basically set a lovelace card, trying to make a media control page but with a dropdown to select the room, then room select will populate the entries in the remote card and plex card etc.

tall monolith
#

now that's an interesting idea

granite briar
#

that way its one media page, and youre using same remote card etc

#

just figuring out getting my input select things into the card

#

currently if i did something like
visible_name_text: {{states('input_select.media_location_select' }} itll just say object up top, not what the state is, so im likely not remembering something i did before

safe trout
#

anyone have any thoughts about the question I posted yesterday?

tall monolith
#

what was it?

safe trout
granite briar
#

sounds like you dont have permissions to the things you setup

safe trout
#

if I go into the raw code editor and make zero changes, and then exit it, everything is populated

granite briar
#

pull down age and refresh without doing edit

#

does it show

#

seems almost like a caching issue in video

#

but you said multiple devices too?

safe trout
#

multiple devices, every device

#

pull down doesn't fix it

tall monolith
#

make a new dashboard. paste that code into it. delete all but the first sub-entity

safe trout
#

already did that too

tall monolith
#

try until you find the minimum amount that works

safe trout
#

hold on I'll be back, need to drop my kid off

tall monolith
#

i'm betting it's something with the "Decluttering" line, because I don't recognize it

granite briar
#

this might be only hope for my media idea since lovelace cards im trying arent showing when i change the entities, even tried doing multiple helpers and an automation to set a few diff select

#

damn, that made it a cakewalk

golden mistBOT
granite briar
#

ill check that one too, may be simpler than what im doing

#

cuz now im using 3 input selects and an automation where location select picks 2 remote and media entities

lyric prairie
#

Or use the conditional grid feature from the new sections lay-out dashboard

granite briar
#

yeah but im trying to avoid managing multiple cards

#

with this method the card never moves just the variables change

#

started as conditional originally

tall monolith