frontend-archived

[civic sedge]

that is what is ment

[blazing nacelle]

hmmm

[civic sedge]

a panel only loads the first card in a view

so wither it loads the empty container card (when first - or the panel config without the custom header

[blazing nacelle]

But do i have to add that to each card ?

[civic sedge]

not every card - but every fiew

[blazing nacelle]

ow

[civic sedge]

you stil can set main_config: true
But when you navigate directly to an page its not getting loaded

[blazing nacelle]

oke now im not following ytou

sorry

😛

So for only the views i have to hadd panel: true

[civic sedge]

dont worry - got a lot of patience 🤣
https://github.com/maykar/compact-custom-header/wiki/Main-Config-Options

[blazing nacelle]

?

I have to put main_config: true in the raw editor ?

Or in a yaml file?

[civic sedge]

you dont use the yaml file at all in storage mode

enable lovelace configuration and press on the (+) in the lower right corner

then you can paste something like this type: custom:compact-custom-header header: true main_config: true menu: overflow chevrons: true options: clock clock_format: 24

[blazing nacelle]

Yeah

[civic sedge]

then it should look like this
https://imgur.com/a/BX5fIJm

[blazing nacelle]

Ow lol

that worked yeah

Oke cool

And to go back to the default view (because now the iframe panels are gone) i have to remove it again>?

Ow

menu

on the right

i see

[civic sedge]

Thats my config 😄 - I set it this way
press on the clock and then menue

[blazing nacelle]

yeah

found it

Oke

It worked

added to all the views

many thanks for youre patience 😛

[civic sedge]

too fast ^^ you shuld have played a little with some of the settings
np

[blazing nacelle]

Yeah but i thought i had to add all the code manually in the cards

[civic sedge]

jea - but when you like to have a diffrent option you ll have to go throu every one of them again

[blazing nacelle]

I like the clock 😛

[civic sedge]

as long as you are happy - the conditions are also very nice - for the fire tablet in the bath

  - conditions:
      user_agent: KFFOWI
    config:
      show_tabs: 1,6,10,2```

only showing the pages then - to get things cleaner

[blazing nacelle]

hehe

nice

Fie tablet = amazon ?

[civic sedge]

ye - but you have to hack them to use

The webview is terible outdated

[blazing nacelle]

haha

I have an broken ipad

Well.. not broken but the glass is broken

but still works

Ipad air 2013 ....

[civic sedge]

wallpanel incoming?

[blazing nacelle]

Then i have a fight with my girlfriend

not a good idea

😛

[civic sedge]

the wife approval factor is a thing

[blazing nacelle]

yup

is it possible to change the font zsize of a title inzide a horizotat stack?

[civic sedge]

depends on the card I guess

[blazing nacelle]

Because the name is now not displayed corrrectly (to long)

[civic sedge]

you could overrite the name

[blazing nacelle]

Yeah i know

But i guess its not possible

https://github.com/kalkih/mini-graph-card

[civic sedge]

https://github.com/kalkih/mini-graph-card#card-options

Set a custom name which is displayed beside the icon.

[blazing nacelle]

font_size

[civic sedge]

Adjust the font size of the state, as percentage of the original size.

😄

[blazing nacelle]

yeah 😛

haha

[civic sedge]

~rtfm

[kind shell]

RTFM is a well known phrase, used when someone hasn't taken time to read the documentation. Please take time to Read The $%#@ Manual - author unknown.

[civic sedge]

still on reading the cch manual sigh

I dont know whats up with the deam background

[past minnow]

hey all

any obvious idea on what might be causing... https://hastebin.com/elihagotox.js

just updated to latest calendar-card.js

[mild veldt]

@polar kelp I think you'll want to bump up the card size for the more-info-card quite a bit

[polar kelp]

Yeah...

Not really sure how to handle that. They can change size quite a bit too...

[mild veldt]

Yeah, was thinking the same thing. Look up table on domain?

[forest mica]

how can i track down this error?
http://192.168.10.2:8123/lovelace/default_view:0:0 Uncaught TypeError: Failed to resolve module specifier "@babel/polyfill". Relative references must start with either "/", "./", or "../".

[violet talon]

do you have a requires for @babel/polyfill?

[forest mica]

dont even know what it is.

or which custom card is causing it

[mild veldt]

@forest mica do you have calendar-card?

I know @torn sail just added babel to that card, which might align

[forest mica]

I do not

I’ve got a lot of Keaton’s, mini graph, and mini media

Dark sky

Spotify

Entity attr. And compact header

But it would have to be one on view 0

I mean Thomas’s cards

[violet talon]

Check the console in chrome?

[forest mica]

i see the same error

no additional info

[wheat current]

You are the only one with direct access to your files, do a search for babel inn all your custom card files to check them

[forest mica]

I had started that an so no good

[flat timber]

If you copy/paste a raw config file into a lovelace.yaml file will it convert correctly?

[elder pendant]

Convert it to what?

By raw config do you mean the UI raw editor?

[flat timber]

Yes that's what I mean if I copied and pasted from there

Into a ui-lovelace.yaml file and switched to yaml mode

[elder pendant]

The raw config is yaml

There is no conversion

[wintry gull]

@civic sedge thanks for the answer. I tried this and it didnt change it to a toggle switch.

[timid burrow]

@mild veldt custom updater loaded a new update for gpodder today and when I restarted it can't find the custom component anymore

so I reloaded __init__.py and I get a config error

just commented out of config and restarted and will try uncommenting and restarting again

0.91.3

yeah nah.... it does not find it! still

[wary quest]

is anyone having issues where the custom tracker card is not showing list of the custom cards?

[pallid needle]

How do you implement a custom card?

I followed this

https://gist.github.com/soberstadt/6e53d693cdc777575b0a4185100b08bd

and added everything except the group tag

[mild veldt]

That's custom UI, not a LL custom card

[pallid needle]

oh

[mild veldt]

I actually built a Roku card though https://github.com/custom-cards/roku-card

[pallid needle]

so how do I get it to show up?

oh

[mild veldt]

I don't use custom UI

[pallid needle]

I can try that

let me look at your readme

I'm going to try one last thing on this custom ui first

[mild veldt]

Just a FYI, custom UI is not officially supported by HA

Expect things to break

[pallid needle]

@mild veldt I'm working on setting up your cards

it didn't work at all

it = the custom ui

@mild veldt your guide says to add it to the ui-lovelace.yml

I'm not using that anymore, I use the built in editor

[mild veldt]

Same difference

[pallid needle]

will adding it to that file still load?

[mild veldt]

Yes

[pallid needle]

ok thanks

oh I add it as a manual card

the resource doesn't seem to be loading

[mild veldt]

There's troubleshooting steps linked at the bottom

[pallid needle]

yeah

just finished reading that

reading documentation is great

I got it loading I am about to test it

source works

none of the buttons work

let me see if there are errors

[mild veldt]

It relies on having the Roku remote component setup

[pallid needle]

yeah

I initially created the card manually

editing it and selecting the right roku it's now working

this is awesome

I've wanted this for so long for my rokus

[mild veldt]

👍

[pallid needle]

is your camera card a stream?

[mild veldt]

Yes

[pallid needle]

oh nice

would you recommend that or the surveillance card you put together?

[mild veldt]

That one's not mine

Surveillance card is not a stream

[pallid needle]

ah ok

[mild veldt]

Max is 1 fps

camera-card is just what you see when you open a camera in a dialogue

[pallid needle]

I am so happy with the roku remote

I've been wanting this forever

I'm about to test your camera feed

[mild veldt]

I highly recommend pairing it with pop-up card https://github.com/thomasloven/lovelace-popup-card

Then you can have the remote as the pop-up for the media player

[pallid needle]

for the camera?

only for ptz I would imagine

[mild veldt]

No for the roku

[pallid needle]

oh ok I'll take a look

I just remove the media cards

and only left the remote

[mild veldt]

I like to pair mine with mini media player

[blazing nacelle]

Hi

Yesterday i installed a custom card for hass. Now i am doing the same thing for a friend but for some reasons i cannot get it to work

This is the error in de log:

019-04-11 09:53:46 ERROR (MainThread) [frontend.js.latest.201903310] http://eddy.elroyterpstra.nl:8124/local/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1:7:1 Uncaught SyntaxError: Unexpected token <

oh.. found the problem

[civic sedge]

Got my issues creating a button to change the theme.
Somebody already made something like this?

[polar kelp]

Should be just a service call, assuming you have the theme set to Backend-selected in your profile.

[civic sedge]

ah! - Already changed in on this desktop! - Lets check on the one I need this button for

[polar kelp]

If it's not set to backend-selected, you can change it using browser-commander

[civic sedge]

Will do that - Thanks 🍻

[pallid needle]

I'm using a custom lovelace card for roku remotes that was working last night and this morning

A few minutes ago I started getting: 2019-04-11 12:12:02 ERROR (MainThread) [frontend.js.latest.201903210] /local/roku-card.js?v=0:16:42 SyntaxError: dynamic module import is not implemented

and the cards have disappeared being replaced with Custom element doesn't exist: roku-card.

I've confirmed that the roku-card.js and editor exist still in the www folder

and that they are referenced in the config editor

Oh I found it: https://github.com/bramkragten/custom-ui/blob/master/weather-card/README.md#if-you-are-using-firefox

Updating that in firefox fixed it

[polar kelp]

Firefox?

Oh. Already solved

[pallid needle]

@polar kelp yep, thanks!

[wild comet]

how can i add geo_location to my UI? it generates random entities :/

[polar kelp]

With a map

Or auto-entities custom card

[mossy otter]

where are custom lovelace cards supposed to go as of the recent breaking changes?

they used to be in www/custom_ui

Actually, scrap that I've just noticed that I define the path via my lovelace...need to check why they're not working properly

ah and a restart of home assistant sorted it all out 😃

[dreamy tiger]

hi all, I have Home Assistant running on my Pi under OSMC, but for some reason I do not success in adding the picture glance on the landing page to see my Ring doorbell ... who can assist please?

[limpid remnant]

Bad grammar, or can I not assign an entity via a template to a button-card?

type: entity-button
icon: mdi:youtube
name: LIVETV
entity: >
{% if states('input_select.firetv_choices') = 'FireTV Living Room' %}
media_player.firetv_living_room
{% elif states('input_select.firetv_choices') = 'FireTV Bedroom' %}
media_player.firetv_bedroom
{% endif %}

Pasting moved "type" left of "icon". They're at the same level

[elder pendant]

Templating is not currently allowed by default. There are custom card options if you want to template in the UI

[limpid remnant]

Thanks, does the custom button-card allow templating, or what are my options?

[elder pendant]

Sorry, I'm not super well versed on the current custom options. Check out thomasloven or iantrich on github. They're the custom guys

[analog aurora]

Hi... I'd like to show some binary sensors (motion detectors) on a graph... the history graph does a good job of representing the data... it's just limited, as far as I can see, with regard to colouring... seem to be stuck with the eye busting red/green...

I've poked around in web console and it seems its a canvas and I cant manipulate any CSS. I figured I'd have a better chance of styling up the mini-graph but it's designed to handle sensors, not binary sensors and spits NaNs at me.

[limpid remnant]

@elder pendant Thanks, looking forward to templating everywhere. I noticed a "what would you like to see in 2019" admin post recently. Ubiquitous templating is high on my list.

[analog aurora]

It's been a long while since I hacked any JS so I thought I might get my hands dirty again by forking it and having a play... kalkih has nicely minimised the js... I think if I just concat the js source files and debug my way through the code, I'll learn a bit about a few things...

[limpid remnant]

@analog aurora have you looked for custom cards? I can't say I've tripped across one that does what you want, though. You can embed grafana from influxdb, apparently. I've got them both running via hassio addins, but not yet embedde.

[analog aurora]

Hi Jumper... I am running Grafana and InfluxDB and considered embedding, but I got the impression from forum posts etc it was not the norm... yeah, I've been through the custom cards repository... a lot of great contributions but nothing quite up this alley, afaics, except mini-graph, which looks great and I thought might be adaptable... i figure the states are probably turning up as on/off where real numbers are expected and if I could intercept and convert them to 0/1... maybe... I don't know, the history graph does do a nice, concise job of staking up the boolean traces... it just the colours... a few people have asked how to change the colours before in the hass community forums but they've gone unanswered... and probably because of the canvas thing... it's probably relatively hard coded...

[pallid needle]

@mild veldt can you link me to the mini media player you mentioned?

I can't find it on google

oh I found it

I think google auto completed a different search and I didn't notice

was it this?

https://community.home-assistant.io/t/lovelace-mini-media-player/68459

[latent moss]

that's it yeah

[pallid needle]

ok custom lovelace cards are my new favorite thing

my interface is so much cleaner and more functional

[latent moss]

agreed. same person has another great custom card too worth checking out https://github.com/kalkih/mini-graph-card

[pallid needle]

thanks

oh my

It's after midnight

I can't install another lol

[latent moss]

hah

[pallid needle]

this might let me replace grafana though

[limpid remnant]

not till there is a scale on Y-axis.

to see what the data mean

Great card otherwise. Would love to hear if y-axis major-minor ticks are possible.

[gaunt goblet]

i am trying to setup card-modder, but its not showing correctly. please can someone advise what am i doing wrong here

https://imgur.com/6uFGDqd

[polar kelp]

Yeah. You're posting a picture of code rather than code, that's wrong.

Also, if the style variable begins with -- you need to put it in quotes "--paper-card-background-color"

Besides that, card-modder is a card, and should go with your other cards, not as a part of the view definition.

And --ha-card-background is a better choice than --paper-card-background-color, which is deprecated.

[gaunt goblet]

ohh ok

will try and make the changes now, thanks

• type: 'custom:card-modder'
  style:
  '--ha-card-background-color': 'rgba(0, 100, 0, 0.2)'
  border-radius: 5px
  color: 'rgb(0, 0, 100)'
  • cards:
    • type: entities
      entities:
      • entity: light.kids_main_lights
        title: test 1
        badges: []
        title: test

[polar kelp]

ha-card-background, not -background-color

And the location of card-modder is still weird

~formating

~format

[kind shell]

To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:

```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G

[gaunt goblet]

Thanks @polar kelp

I'm willing to pay upto 100 usd to anyone who can help me setup these custom entities correctly and the floor plan in my home assistant. I've been trying for few days but cannot get through it. Please PM me if anyone is interested to help me out

[mossy timber]

Hi, i was editing my lovelace file and now I cant reach my UI. i'm getting "404: Not Found". If i put my node red port at the end of my ip it works.

[amber nova]

can you do any type of templating in ui-lovelace.yaml

in other words use jinja

would be nice to be able to do a few things in there with jinja (mostly string concatenation)

[polar kelp]

To an extent, using card-modder or ... whatever Ians abomination is called...

But it’s not jinja

Here’s the... thing https://community.home-assistant.io/t/100-templatable-lovelace-configurations/105241

[amber nova]

hmm...i think i'll just create it within input_text

[sour crag]

how does one install custom lovelace functions, like this one:

https://github.com/thomasloven/lovelace-slider-entity-row

[elder pendant]

~lovelace-plugins

[kind shell]

Follow this guide to add your first custom plugin to your lovelace configuration https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

[halcyon zealot]

hey

why i keep see entities that already been deleted from my yaml files in the lovelace UI?

[elder pendant]

Did you take control of your lovelace?

[halcyon zealot]

nope

[elder pendant]

Where are you seeing the entities?

[halcyon zealot]

i mean i didn't make any changes in the UI

but i'm in /lovelace/default_view

[elder pendant]

If they are still in lovelace then they weren't deleted

[halcyon zealot]

but i don't see them in the states

[elder pendant]

Does it say entity: unavailable? Or does it look the same as it did before deletion?

[halcyon zealot]

says unavailable with yellow mark

[elder pendant]

Then lovelace is not in default mode still

Either you made a change, or it thinks you did

[wheat current]

remove it from lovelace, or give controll back to HA

[halcyon zealot]

nvm just removed those entities..

how can i give controll back to HA?

[elder pendant]

Delete .storage/lovelace

[astral vortex]

I’m not sure what to call it, so google is failing me, but has anyone seen a way to customize an icon based off a sensor value? I’d like something like the notification indicators in android, where the icon would be subscripted with a number, so for example if the UPS sensor was working, I might have a subscripted 3 to indicate the number of packages that were in the system.

[split granite]

There are, I believe, some custom ways of doing that, but no stock ways

[astral vortex]

@split granite Custom is fine, if you have a link to any code working or non, that you could point me to I’d appreciate it.

[split granite]

I don't, but others will be along later I'm sure

I don't make that kind of use of the UI. Indeed, I make very little use of the UI

[astral vortex]

Isn’t that he point of perfect automation, to not have to manipulate or think about it?

[faint echo]

Hi, I just upgraded from 0.89.1 to 0.93.1 and now my popup cards no longer work. I have the latest versions and have cleared the cache several times, did I miss a breaking change for this? Searching in the forums but nothing comes up would anyone have an idea?

[elder pendant]

Pretty amazing considering .93 isn't out yet

[faint echo]

sorry typo, 0.91.3

[elder pendant]

Are you seeing any errors in your browser console?

[faint echo]

no, a depreciation warning but that's it

One or more of your lovelace plugins are using the functions cardTools.litElement(), cardTools.litHtml() or cardTools.hass(). Those are replaced with better alternatives and will be removed a some point in the future.

[faint echo]

Here is a sample lovelace config that was working until I upgraded to 0.93.1 -> https://hastebin.com/kunuqewune.css Does anyone see something that changed? ***Edit, I found the problem, apparently in 0.91.3 I need to now include tap_action: & action: more-info.

[vapid field]

can you set an entity-filter card in panel mode but then also have other cards/glance cards show as well on the same page?

[polar kelp]

With a stack

[vapid field]

so a vertical stack or horizontal stack?

This is what I have so far https://hastebin.com/

[polar kelp]

whichever suits your need best

[vapid field]

ok cool i'm just confused as to where I put that stack in my config

[polar kelp]

It must be the first card in the view, and then you put the other ones "inside" it.

You have to push save in hastebin before copying the link, btw.

[vapid field]

lol oops sorry one sec

https://paste.ubuntu.com/p/XYgDHSxpG9/

[polar kelp]

Just move the entity-filter card down to live with the calendar-card, adjust the indentation to match and you're golden.

[vapid field]

ah ok cool thanks for the help!

[mossy otter]

Evening all! How's it going? Anyone seen any fun and interesting new lovelace cards recently?

[sour crag]

where can you store custom icons for lovelace? You can set an icon name, with mdi: something, but where can i add icons? And where are the ones that exists?

[latent moss]

@sour crag search for the icon you want to use here https://materialdesignicons.com/ and it will tell you the mdi: name after you click on it

[sour crag]

so you cant add custom icons? (if they are not on that particular website?)

[latent moss]

i'm sure you can, but i don't know off the top of my head how to add additional icons. You can set custom images for things like this:

homeassistant:
  customize:

    script.channel_abc:
      entity_picture: /local/channel_icons/abc.png

also thomasloven here has a nice plugin that lets you use way more icons from fontawesome https://github.com/thomasloven/hass-fontawesome

[sour crag]

thanks

do you know if you can set a different "off-icon" than "on-icon"?

[mossy otter]

@sour crag are you trying to do a sensor or a switch?

[sour crag]

a light

so a switch i guess

[mossy otter]

you can create the icons yourself, save them in config/www and then set them up in your yaml...should reflect the changes in your lovelace frontend too

i've not done them for lights but have them for sensors and switches

entity_picture_template: >-
          {% if is_state('device_tracker.fire_7_black', 'home') %}
            /local/fire7blackon.png
          {% else %}
            /local/fire7blackoff.png
          {% endif %}

        entity_picture_template: >-
          {% if is_state('switch.fireplace_tplink', 'on') %}
            /local/icons/animated-fireplace.gif
          {% else %}
            /local/fireoff.png
          {% endif %}

two examples with sensor and switch

should be exactly the same for a light

[sour crag]

thanks

[mossy otter]

and if not, you can just define a light as a switch

[calm rock]

hi, is it possible to put an image as background for an entities list type card?

i think card modder will do ..

[pallid needle]

Is there a way to manually set sort order in lovelace? I know you can hit the up and down arrows

but it seems to be kind of random

and you can end up with a bunch of weird stuff

https://i.imgur.com/MVEw0FF.png

that's an example

[odd light]

How did you get more than one temp on the same card?

[pallid needle]

@odd light https://github.com/kalkih/mini-graph-card#available-show-options

[odd light]

nice

[sour crag]

According to tutorial videos, i should be able to set themes in config-general, but there is no options to do it there. has this option been moved?

[split granite]

~videos

[kind shell]

They are great too watch but are usually out of date QUICK.... Best to read the DOC'S

[split granite]

They moved to the user profile menu some time back

[sour crag]

what is the "user profile menu"?

config-users?

doesn't seem to be there either

[split granite]

https://www.home-assistant.io/docs/authentication/#your-account-profile

[hardy fiber]

Hello. Can some one help me with little issue?
I've added my LG Smart TV to homeassistant and I can see it from states, but not in Overview 😦

[split granite]

Have you previously taken control of your Lovelace UI, or are you still using the auto-generated one?

[hardy fiber]

I'm running from HA on raspberry with docker image. Perhaps it's not even Lovelace UI.. just link was: http://192.168.1.108:8123/lovelace/default_view

ok, resolved 😄 just added new instance in UI 😃

[kindred dirge]

Is there any way to revert back to the automatic configuration of Lovelace?

[polar kelp]

Remove <config>/.storage/lovelace

[kindred dirge]

Thx!

Hm, this seems to have cleared everything tho without automatically adding new devices like it did when freshly setting up HA @polar kelp

[polar kelp]

Try a hard refresh. In chrome push F12, right click the normal reload button to the left of the address bar and select the bottommost option

[kindred dirge]

Nope, still doing the same @polar kelp. Only thing that shows up is a half-complete Hue control panel

And that's not even the right one

It's from the configuration.yaml which it detected and added

[polar kelp]

Do you mean ui-lovelace.yaml?

[kindred dirge]

No, the normal one. I've installed the Hue Motion addon thingy from someone on Github and that's the only thing that shows up now

[polar kelp]

If you push , what does it say under "Lovelace" in the System Health box?

[kindred dirge]

dev    false
docker    true
hassio    true
os_name    Linux
python_version    3.7.2
timezone    Europe/Vienna
version    0.91.3
virtualenv    false
Lovelace
mode    auto-gen```

5:08 PM deps/lib/python3.7/site-packages/pyupdate/log.py (ERROR)```

Hm...

I just saw that they're all listed in the "Unused entities" menu...

[ashen scaffold]

Hello everyone 😃

I'm trying to figure out how to remove the toggle on an input_select

I haven't managed to find that in the documentation

[split granite]

@ashen scaffold As I said please read the documentation for the card in question

For example, what you posted looks like an entities card, so ... https://www.home-assistant.io/lovelace/entities/

[ashen scaffold]

Yeah

As I said a few days ago, there is so much doc I often lose myself in it...

And there are so many components, it's really confusing

[split granite]

For anything about how things look, first stopping point should be the documentation for that specific Lovelace card

That's, usually, what controls that

In this case... https://www.home-assistant.io/lovelace/entities/#show_header_toggle

[polar kelp]

@kindred dirge Sounds very strange. Could you try removing the motion addon tingy and reboot?

[undone egret]

question for the lovelace experts

show_header_toggle: false
title: Tracking
type: 'custom:auto-entities'
card:
  type: entities
filter:
  include:
    - entity_id: sensor.seventeentrack_package_*

this does not show card title

[polar kelp]

Put title under card and indent it

Show header toggle too

All settings relating to the normal card goes there

[undone egret]

type: 'custom:auto-entities'
card:
  show_header_toggle: false
  title: Tracking
  type: entities
filter:
  include:
    - entity_id: sensor.seventeentrack_package_*

like that?

that did it @polar kelp thanks

[smoky canyon]

Greetings 😃 I'm trying to figure out the difference between the various custom weather cards.. namely https://github.com/iammexx/home-assistant-config/blob/master/ui/darksky/ and https://github.com/bramkragten/custom-ui/blob/master/weather-card - the darksky one seems to slow down my computer if i use animated icons, but the second one lacks some features i'd like. does anyone have a suggested favorite and why?

[sour crag]

I am trying to install a custom slider in lovelace

https://github.com/thomasloven/lovelace-slider-entity-row

but the documentation doesnt say anything about how to install it

i have looked at the documentation on other cards, and you have to add a resources line in the config editor:

resources:
  - url: /local/mini-graph-card-bundle.js?v=0.3.3
    type: module
    ```

as an example

but the part after the ? and the type varies

so hwo do i know what to use for this particular item?

[polar kelp]

USAGE INSTRUCTIONS FOR LOVELACE PLUGINS (custom cards etc.)
https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

How to:

• Install
• Upgrade
• Use
• Know what to do when something doesn't work or stops working

[split granite]

Needs more words in there explaining the link, so I can pin it for reference 😉

That URL is already pinned, but with no context 🤷

[indigo tulip]

does anyone know if it's possible to add a new line in value_template? for example I'm using the following, {% set waste_response = waste_list[7] + '\n\n' + waste_list[10] + '\r\n' + waste_list[12] + '\n\r' + waste_list[15] + '\r\r' + waste_list[18] + '\n' + waste_list[20] %}, none of these add a new line in the gui output on the card

[sour crag]

@polar kelp But that only says the same? That it can be different types? How do i know which it is? I can't seem to see mention of it in the readme

[polar kelp]

slider-entity-row should be js

[sour crag]

ok, thanks

[polar kelp]

I need to update the reame

[split granite]

The docs for the card should tell you what the type is

[polar kelp]

It doesn't in this case

[split granite]

(should, I'm sure a few don't)

I'll just say I started typing that before your response 😄

[polar kelp]

@indigo tulip Newlines will need to be supported by whatever you're using to display the value. If it's a core lovelace thing, it won't be.

[split granite]

I hadn't actually checked the page, I'd assumed all yours did explain it

[indigo tulip]

@polar kelp I'm using the default entity or sensor cards

[polar kelp]

The slider is severely outdated. It still uses polymer. It's high on my list of things to rehash.

@indigo tulip Then I'm afraid you're SOL

[indigo tulip]

you aren't aware of a custom card that allows new lines?

[polar kelp]

useful-markdown-card might work...

[indigo tulip]

thanks, I'll take a look at that

or possibly just go the multi sensor route per line

[polar kelp]

I think the best way to make a newline in useful-markdown-card is either to add a <br>, two newlines, or two spaces followed by one newline, btw.

[mild veldt]

Sneakpeak at an upcoming element I'm working on, radial-menu. Need to add tap actions, and theming still. Should be pretty great on a picture-elements card to conserve space.

[latent moss]

that looks amazing 😃

[gilded veldt]

link to try it out

[kind shell]

@gilded veldt posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/Fcy9mnwDYv/

[gilded veldt]

is there a way to join these two files

cards

make these two cards into one card

[mild veldt]

Had a little free time after getting the kids to bed. Just need to do a write up and we should be ready to ship it, hopefully later tonight 😃

[mild veldt]

https://community.home-assistant.io/t/lovelace-radial-menu-element/111210

[tepid locust]

nice, would be great for mobile usage

[pallid needle]

If I use the ui to configure lovelace how can I backup the ui

Nevermind, I found it in .storage/lovelace

[steady fractal]

Does anyone know how I can convert my ui-lovelace.yaml to work with the new custom ui?

[mortal cape]

@steady fractal new custom ui?

I think I know what you're asking but I don't want to assume

[steady fractal]

idek, I was on 0.81 for a while and i updated and was getting errors so I switched to yaml by adding the lovelace: mode: yaml to my config but I've been trying to install custom cards and I saw on the forum that someone had said it was because they were using yaml mode so I wanted to try and switch

like when I delete that from my config it looks like the old states mode

[mortal cape]

That is yaml mode

What you had there

You can use custom cards in either yaml mode or ui editing mode

But I can't tell which it is you want

In yaml mode you edit a file and do not use the ui to edit

[steady fractal]

yeah

[mortal cape]

if you see /states at the end of your url, you are in the old states mode

[steady fractal]

so I had a lovelace ui in the yaml mode

[mortal cape]

yep. And custom cards work with that

[steady fractal]

with a bunch of views and stuff

and when I remove the lovelace: mode: yaml from my config I don't

[mortal cape]

because now you have nothing, unlinking your ui-lovelace file

[steady fractal]

is there a way to link my old ui file though?

or convert it?

[mortal cape]

yes

So, do you want the UI editing?

[steady fractal]

yes

I just don't wanna have to redo all my views and cards

[mortal cape]

ok. if you go to the page do you see a link to go to lovelace mode?

[steady fractal]

no

[mortal cape]

do you see "go to the states UI"

[steady fractal]

yes

[mortal cape]

ok go back to the overview

[steady fractal]

should I have it in yaml mode or no?

[mortal cape]

no

[steady fractal]

ok gotta change that

[mortal cape]

I thought you did lol

[steady fractal]

i did then I changed it back so I could find my light switch 😂

[mortal cape]

while you're doing that, and before you restart...

check .storage for a file called lovelace

[steady fractal]

yes its there

I have samba share and cant open it though

[mortal cape]

you can cut it and paste it somewhere else

I was going to have you delete it, but just in case

also make a copy of your ui-lovelace file for the same reason

[steady fractal]

ok just did

wait

I deleted it

[mortal cape]

the ui-lovelace.yaml

[steady fractal]

not my ui file but the lovelace in .storage

[mortal cape]

right these are two different things

[steady fractal]

yes

[mortal cape]

lose the one in .storage

[steady fractal]

ok good

[mortal cape]

keep the other that you've made

[steady fractal]

thought I wasn't supposed to delete that for a sec

😂

[mortal cape]

sorry

[steady fractal]

no I misread

anyways I have copy of my ui-lovelace.yaml and deleted the other one

[mortal cape]

so now you've got no yaml mode, you've cleared the lovelace file in storage and can restart

[steady fractal]

yes

so restart now?

[mortal cape]

yep

[steady fractal]

k

thanks for the help btw really appreciate it

ok

restarted

[mortal cape]

ok now what do you see in the overview? states or lovelace?

[steady fractal]

the uel says "lovelace/default_view" but it looks like states

[mortal cape]

ok that's because it autogenerated a lovelace view based on your groups

so it would look very much like states

[steady fractal]

I can't send images but its all entities cards and everything is there

yeah

[mortal cape]

you are in the first mode, where entities are added automatically to lovelace, but you don't control it

go to the three dots in the upper right

[steady fractal]

ok

[mortal cape]

and you choose to take control

which is the second mode

[steady fractal]

done

[mortal cape]

ok now you have UI editing but you want your old setup back

[steady fractal]

yes

[mortal cape]

so go to the 3 dots again and configure ui

[steady fractal]

ok

[mortal cape]

then go to them again and choose raw config editor

[steady fractal]

in the ui configurator

ok

do I just copy paste my stuff there?

[mortal cape]

copy the contents of your ui-lovelace file into the raw config editor

replacing what is there, yes

and then save it

[steady fractal]

LMAO IT WAS THAT EASY?!?! how didn't I figure that out earlier

[mortal cape]

😛

now to add custom cards, you use the raw config editor

[steady fractal]

thank you so much honestly I'm such an idiot 😂

[mortal cape]

you add resources using the raw config editor and that's it. I had just added @mild veldt 's new radial thing and now I'm going to get back to it

[steady fractal]

thanks for your help

wait why are the custom cards still not working? I was hoping this would do it, someone on the forums said it did it for them. I am confusion.

if all the cards are in the www folder i just use /local/<cardname.js> right?

[mortal cape]

if that's where you added the files

no subfolder?

what custom card are you attempting to use?

[steady fractal]

kiosk, card-tools, popup-card, and vertical-stack-in-card

  - url: /local/kiosk.js
    type: js
  - url: /local/card-tools.js?v=1
    type: js
  - url: /local/popup-card.js?v=1
    type: js
  - url: /local/vertical-stack-in-card.js?v=0.1.2
    type: js```

[mortal cape]

how did you place popup-card.js in to www?

I'm just picking one

[steady fractal]

kiosk just lets me add ?kiosk to the end to get rid of the bar. card tools is required for popup card which replaces the more info screen with another card and vertical stack in card lets me make a vertical stack without having them have the lines between them

I tried both wget <link> and extracting from a zip file

neither worked

[mortal cape]

I like to download the whole zip myself

[steady fractal]

idk if its a compatibility issue or what

[mortal cape]

what is it they are showing when you try to use them?

[steady fractal]

should I delete the ?v= at the end

custom element does not exist

[mortal cape]

if anything you can change it to something like v=2

[steady fractal]

ok

wait that worked

what?

I wanna know why that worked but at the same time I also feel like that would just make me more confused 😂 Thanks for the help man honestly you've spent like an hour of your time helping me with my bullsh*t instead of working on the radial thing you wanted to

[mortal cape]

lol I just got it added

it's nice!

https://community.home-assistant.io/t/lovelace-radial-menu-element/111210

Mostly I wanted to see it in action aside from the laggy gif

[mild veldt]

hating on my gif making?!?

[mortal cape]

uh oh

😬

[mild veldt]

(╯°□°)╯︵ ┻━┻

[mortal cape]

┬──┬◡ﾉ(° -°ﾉ)

@steady fractal https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#2-update-the-version-number-in-the-resources-section

@mild veldt now I need to come up with cool things to use it for

[mild veldt]

Not my department:) my Lovelace setup is crazy stupid for how much time I invest in making Lovelace elements 🤣

[polar kelp]

I know that feeling

[latent moss]

Radial Menu Element is great for Harmony activities / switching remote inputs: https://gfycat.com/kindlyspitefullamprey two thumbs up! 👍 👍

[prime umbra]

@latent moss link for radial menu to check it out?

found it very nice card....

[violet talon]

can I display an entity attribute in a lovelace card?

{{ state_attr("camera.porch", "motion_detection") }}

[split granite]

With a custom card, or create a template sensor

[violet talon]

which method do you prefer?

(also, which custom card?)

[split granite]

Depends on what you want to do with it 😉

I tend to prefer template sensors

[wheat current]

Prefer: Not to use the UI
Custom card: https://github.com/ciotlosm/custom-lovelace/tree/master/entity-attributes-card maybe

[violet talon]

I don't really want to do anything with it, maybe see the history of it? in which case a template sensor probably makes more sense 😃

I have an automation that if the side door opens before the camera detects motion, that it disables motion detection on the camera (which massively cuts down on the number of alerts we get)

[violet talon]

is there a way to set brightness on a picture-glance card?

I tried tap_action but I guess it doesn't do what I think it does:

entities:
  - light.lauren_bed_lamp
  - light.chris_bed_lamp
image: /images/living_room.png
tap_action:
  action: more-info
title: Bedroom
type: picture-glance

oh, is the tap action on the picture and not the entity?

anyone have a good method for a controlling a group of lights and being able to also control them individually?

[wheat current]

.light.group

[kind shell]

https://www.home-assistant.io/components/light.group/

[split granite]

~light.group

Damn, a fraction too slow 😄

[wheat current]

yup 😄

[violet talon]

I mean a card for that

[split granite]

Why?

Why not just use the light group

[wheat current]

entities card

[violet talon]

sometimes my wife wants her bed lamp off while I still want mine on

[split granite]

So?

You can still control them individually

Putting things in groups doesn't mean you lose the individual control, it just means you can control them together when you want to

[violet talon]

right. basically what I'm looking for is a light card that shows "bedroom light" with a slider, but clicking the dots or tapping would allow me to control them individually

[mild veldt]

IMO the more-info for a light group should show the individual lights, but as it currently doesn't I would recommend putting you own popup-card on the light group

[violet talon]

popup is a custom card, right?

thomasloven/lovelace-popup-card 🎉

[cunning silo]

how does one update the sidebar in homeassistant with addons, like configuration that i see in some of the pics and videos explaining how to use lovelace? is that a lovelace thing or a homeasstant thing?

[split granite]

https://www.home-assistant.io/components/panel_custom

[cunning silo]

thanks!

[shadow sapphire]

hey there, after tons of googling is there anyone who have found a way to make a calendar that shows like a grid for like a week or so, all those i find is just for nearby activity

[sour crag]

i am making a floorplan

but it is difficulty to get the sizong right

for instance, the icons are bigger relative to the floorplan on mobide

mobile

any tips on how to solve that?

[mild veldt]

@shadow sapphire https://github.com/atomic7777/atomic_calendar

[ancient panther]

Hey guys

Anyone managed to create a button and a slider in a single entity in lovelace?

I know it’s possible with custom-ui, but is it possible with lovelace?

[split granite]

https://github.com/thomasloven/lovelace-slider-entity-row

Like that?

[ancient panther]

Are you god?

You literally answered 3 seconds after

[split granite]

That's the awesome dev you have to thank 😉

I just know of their work

[ancient panther]

Damn, thanks man, that’s the thing I was looking for.

Much appreciated

[split granite]

@polar kelp has a stack of awesome cards, well worth looking through IMO

[wheat current]

AI strikes again

[ancient panther]

@polar kelp Great job man!

[polar kelp]

Thank you!

Here's the official list, btw: https://github.com/thomasloven/hass-config/wiki/My-Lovelace-Plugins

[violet talon]

anyone want to come paint my kitchen ceiling so I can play around with Thomas' plugins? No? Dang. 😞

"it better be done by dinner" 😳

[split granite]

As long as dinner isn't in 10 minutes you're fine 😛

[silver crescent]

The last week my state_image dosent work anymore. Picture not switching... Cant find anything in the release notes about that. What do I miss? https://hastebin.com/ocurepodux.bash

[signal bay]

Can the markdown card take state data as an input, or is it just raw markdown?

[polar kelp]

https://github.com/thomasloven/lovelace-useful-markdown-card

[signal bay]

Awesome!

Thank you

[torn sail]

what are alternatives to using fire tablets? fire tablets have old oses that dont render half the custom cards out there

[violet talon]

does "long press" actually display more-info for a light card? I can't replicate that supposed feature. https://www.home-assistant.io/lovelace/light/

[violet talon]

can "more-info" on a picture entities card be used with "popup-card"? I can't even get more-info to display for a picture entities card

[mild veldt]

@torn sail literally any other Android tablet besides Fire tablets works

Well, anyone that can still update their webview

[pallid needle]

I've recently discovered custom cards in lovelace

Other than @polar kelp and kalkih are there other dev's / github accounts I should check out?

Since disovering those two and @mild veldt my interface is so much cleaner and so much more functional

@mild veldt I just found your button card

[latent moss]

@pallid needle you'll want to install this one if you're getting into custom cards, it is super helpful at keeping things up to date with one click https://github.com/custom-cards/tracker-card

[pallid needle]

@latent moss thanks

I saw some references to an auto updated, that's different than this one though right?

oh nevermind

it helps if I read the description first

[latent moss]

lol

[pallid needle]

That was actually one of my questions, how stable custom cards are generally

[mild veldt]

@pallid needle button-card is not mine. That's @formal hornet

[pallid needle]

ah

I thought you managed the custom-cards account

but it looks like it's a group effort

is it basically a registry for custom cards?

[mild veldt]

Yeah. I put all of mine on there but it is an organization

sharethelove.io has a pretty good list of what is out there

[atomic glacier]

@mild veldt thanks for the new plugin, I installed it last night to play around with it and love it so far for a camera menu. I noticed it doesn't like to be grouped in horizontal stack. Seems to cut off the outside icons when opened on the second one. Expected behavior?

[mild veldt]

@atomic glacier to have expected behavior I would have had to have tested things 😜

[atomic glacier]

🤣

@mild veldt I'll use it in a few more places and give a proper review 😂 THANKS!!!

[mild veldt]

I always expect people to find issues 😄

[atomic glacier]

Trying to find the correct way to list this under resources and NOT get this error: 42:80 Resource interpreted as Document but transferred with MIME type text/css: "https://fonts.googleapis.com/css?family=Indie%20Flower|Permanent%20Marker|Righteous". any clues?

have it like this: - url: https://fonts.googleapis.com/css?family=Indie Flower|Righteous|Permanent Marker type: css

[pallid needle]

When you're adding a custom card to resources how do you know what type it is if the docs don't say?

I'm adding: https://github.com/ciotlosm/custom-lovelace/blob/master/monster-card/monster-card.js

But it doesn't say if it should be module or js or something else

[pallid needle]

Monster card doesn't seem to be working anyway

[errant plover]

Monster card is working. type: js

[prisma mango]

Hi Guys,
Havent touched my Hassio in a while and I made some changes in ui-lovelace.yaml but they arent reflecting in UI. Is there something that has changed in the last few months?

[wheat current]

yes

[polar kelp]

I finally wrote down something about the lovelace triality: https://github.com/thomasloven/hass-config/wiki/Misc-tricks#lovelace

I also named it the "lovelace triality"...

[prisma mango]

@polar kelp sounds just the ticket. Thanks

Ok maybe not meant for me.

Any advice on where to start as changes in hi-Lovelace.yaml are not reflecting?

[polar kelp]

Here: https://www.home-assistant.io/lovelace a LOT has happened

Also read about yaml mode

[prisma mango]

Looks like everyone has been super busy, thanks

[blazing nacelle]

Hi

I am trying to install a custom lovelace card but in the log i am getting the following error

http://xxxxxxxlocal/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1:7:1 Uncaught SyntaxError: Unexpected token <

I followed the steps and not sure whats wrong

[wheat current]

You did not folow the steps 😃

https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#uncaught-syntaxerror-unexpected-token-

[blazing nacelle]

Well..

Just downloaded my own .js files

and uploaded to my friends ha

😛

but still same problem

Oh

crap

Cache problem

lol :p

[wheat current]

clear your cahche

[blazing nacelle]

Fixed :p

hahahaha

[sour crag]

i am making a floorplan
but it is difficulty to get the sizng right
for instance, the icons are bigger relative to the floorplan on mobide
mobile
any tips on how to solve that?

[elder pendant]

Are you not setting the size of the pictures? It should scale to the same relative size when you set the width

(to a percentage)

[sour crag]

you are right, i have scaled the icons to a pixel size

--iron-icon-height': 42px for instance

can i just exchange it wtih pct?

[elder pendant]

% yes

Though I don't know what that tag is

For picture elements you just use width:

[vapid field]

is there a way to change the "broken feed" loading image with a animated spinner or just disable until it's loaded? (camera component)

[mild veldt]

@vapid field yes, submit a PR to the repo 😜

[vapid field]

    type: css

and

#brokenImage {
display:none !important;
}

is enough

thanks anyway @mild veldt

[amber belfry]

maybe this is a heretic thing to ask, but how do I make a good looking dashboard in lovelace that is easy to use and intuitive? I'm not asking to copy steal anyones work. I'm looking more for resources on how to approach the layout and such. Because to be fair, everything I build looks just bad 😃

and I think I don't totally get the rules by which the lovelace grid(?) is layed out

[mortal cape]

Pretty subjective. Which user layouts have you seen that you like?

If there are any go ahead and copy them. They are usually shared to inspire others.

@amber belfry this custom card for layout also explains a bit how layout works https://github.com/thomasloven/lovelace-layout-card

[amber belfry]

thanks, that looks really helpful

[mortal cape]

actually, now that I look at it, I might be thinking of another page of @polar kelp 's

[amber belfry]

Can't name them from the top of my head and would have to check but here's the thing: I like most of them when I feel there is a idea of how it is thought to be used beahind it.

Like I have seen some good layouts where the design was based on the idea of rooms or areas (kitchen, garden, ... ) and I very much liked layouts that were organized by functions (heating, lighting)

[polar kelp]

The explanation is in card-modder readme, I think

[mortal cape]

@polar kelp ah yes...

thanks

https://github.com/thomasloven/lovelace-card-modder#forcing-size

@amber belfry ☝

[polar kelp]

I should break that out to a wiki post...

[mortal cape]

explaining the default might be helpful in the layout card too

[amber belfry]

that page seems very useful

thank you

If someone wants to look, the current iteration of my heating control panel looks like on this screenshot: https://imgur.com/a/idjadxD

My idea was to have three components to the page: parameters, automations and manual overrides

but as much as I like the idea in theory its not clicking for me

[mild veldt]

@mortal cape having the default in the actual LL docs makes a lot more sense

[mortal cape]

well lots of things make sense

😄

[mild veldt]

while I love thomas' wiki pages, and link them in my own repos, it does produce fragmentation with users having to go to multiple places to get a full picture

[silver crescent]

The last week my state_image dosent work anymore. Picture not switching... Cant find anything in the release notes about that. What do I miss? https://hastebin.com/ocurepodux.bash

[elder pendant]

Are you watching the state of light.groupstue in to see what the actual state is?

[silver crescent]

yes. switches between on and off fine

[brave basin]

@atomic glacier can you share the yaml for your screensaver tab? trying to figure out how you removed the UI tabs at the top, turned it black, etc

[atomic glacier]

@brave basin sure, I can share the yaml. I just used compact custom header and set show header option to false I am out driving but when I get back in I can post that for you

I have two different sleep screens set up one with a clock and the other with a black screen one is used at night and the other for the daytime. I have them motion activated now when you walk up to the tablet they come on and then after you leave they go back to sleep screen. Have been working on that for a couple days now but have it pretty dependable now... pretty awesome ☺️

[mild veldt]

@silver crescent is your state_image for a group?

[polar kelp]

Finally got around to this.

🎉 https://github.com/thomasloven/lovelace-time-input-row

@fringe barn

[silver crescent]

@mild veldt yes...

[mild veldt]

@silver crescent https://github.com/home-assistant/home-assistant-polymer/issues/3060

[silver crescent]

Thanks 😃 that's the problem...

[languid bridge]

is there any way I can round numbers (eg: weather card?)

seeing 0.6 C
and 27.3 C is pretty strange looking

[fringe barn]

nice @polar kelp !

[languid bridge]

(very sorry if I asked in the wrong channel)

[split granite]

You can't round them in the card unfortunately

[languid bridge]

what about using value_template ?

[split granite]

Does the card you're using say it supports that?

[languid bridge]

no 😦

I guess I can just edit the js file

[polar kelp]

That's harder than you'd think, but it can be done.

[languid bridge]

yeah. it's minified.. haha

[wheat current]

Wrap this around the card https://github.com/custom-cards/config-template-card

[languid bridge]

incredible. thank you!!

[wheat current]

@mild veldt ☝

[polar kelp]

How would that help?

[languid bridge]

I ended up just editing the js .. lol

[wheat current]

It would not, not for that card, was thinking of somwthing else

[sour thunder]

Is it possible to filter the entity-filter by "bigger than"? Would like to show the Haveibeenpwned emails that have more than 0 pwns (so their state is >0)

[polar kelp]

https://github.com/thomasloven/lovelace-auto-entities

[sour thunder]

Awesome, thanks :D

[atomic glacier]

@polar kelp Issue. Since changing everything over to Popups so I can have tablet respond hands free, (as popups are very favorable and light on browser vs. navigation). I am at a standstill with the on/off screens because I have to rely on navigation activated via motion detection to open a full screen for clock or black screen simply because Popups won't fill the entire screen. Question: (finally), is it possible to have popups open to full screen, similar to a panel view? Or possibly just add width in pixels instead if % with top starting at the actual top of screen instead of lower as it does now? I apologize for the short essay, 🙄just wanted to be clear

[spare meadow]

hey guys... i was running 0.91.1 and upgraded to 0.91.3 and now my fully kiosk browser doesn't show lovelace... just rolling back to 91.1 now to determine what's going on... i've also removed all custom modules and same functionality (or lack, thereof)

known issue?

looks like maybe the issue was older than 91.1....

trying 90.2

90.2 works.

😐 something between 90.2 and 91.1 broke my fullykisokbrowser

hmm interesting... there was a patch for fkb... applying that then upgrading back to 91.3 seems to work now

the next person to complain about fully kiosk just needs to update that... 😃

[astral vortex]

I'm trying to animate a door in floorplan and having zero success on what should be an easy animation

Any experts on the rotateX function wiling lend a hand?

Trying to animate the garage door in this svg https://gist.github.com/prairiesnpr/d76f3859870e15370fce93e332290e68

With this css https://gist.github.com/prairiesnpr/ae5648c4491253fba820d1948c8be2ac

The expected result would be that the door swings up and into the garage when open and when closed swings back down

Actual result is that no matter if I specify a negative or positive rotation angle the door swings from out to closed on the closed animation

And on the open animation it swings a few degrees out and then returns

[errant plover]

@polar kelp I was hoping your new time-input-row card would fix firefox's awful placement of spinner controls. Nope: https://i.imgur.com/DwHbwiU.png To be clear this is a firefox problem and not yours. All the more info pop-ups with input datetimes also look like this. I have yet to find a solution.

Apparently they can be turned off with this css```
/* Remove controls from Firefox */
input[type=number] {
-moz-appearance: textfield;
}

[errant plover]

Though adding that to my firefox userContent.css does not seem to have any effect.

[atomic glacier]

@brave basin here is the solid black off screen https://pastebin.com/pzYSJj7D you will have to adjust card height and border width to suit your viewing screen the sensor entity is so you can tap the screen to "wake" up tablet...

[pallid needle]

@spare meadow can you take a screenshot of your fully kiosk setup?

and what patch did you add

[brave basin]

@atomic glacier thank you!! Hadn't even thought of tapping the screen to wake it up so you can shut the camera off at night (or in case it fails). Very helpful to have that as a backup

[atomic glacier]

@brave basin yep...trial and error. Didn't have it at first, but quickly thereafter 😜

[spare meadow]

@pallid needle https://i.imgur.com/P1IL4Xa.png i patched the actual browser via play store on android.

[polar kelp]

@astral vortex Have you tried adding more keyframes? You go from transform: none to transform: rotate(90deg) in a single step - that might make it hard to calculate the intermediate steps. Perhaps a keyframe at 1% with transform: rotate(0) could help?

[errant plover]

Ahha! Fixed it (userContent.css)```
input[type='number'] {
-moz-appearance:textfield !important;
}

https://i.imgur.com/VeLsh3a.png

[polar kelp]

Nice! I'll see if I can get that in by default

[polar kelp]

@analog aurora I made it for picture-entity, but it's totally deprecated by now. The functionality is now built in to lovelace by default for almost every clickable item.

[analog aurora]

ok. thanks... I'm working my way through all this... just starting to get the hang of it really...

Small things I figure out impress myself at this stage 😉

Especially the front end stuff which I ignored for a while, focussing on automations.

[polar kelp]

Good prioritization

[analog aurora]

One (minor but useful) GUI thing I sorted today was the sidebar icon colour when not selected... amazingly, the css tag is sidebar-icon-color.

~ sidebar-icon-color: 'rgba(255, 255, 255, .5)'

in all the dark themes I've downloaded so far, that colour is not set and the icons are barely readable when unselected. Adding the above line to the theme sorted it... could have gone gray and less transparent... or whatever...

[polar kelp]

Would anyone miss the date picker if it looked this much better?

[errant plover]

I'd go with function over form personally but agree it does look better.

[polar kelp]

I think I'll go with this, anyway. It's still an improvement over the default.

[bold lichen]

@spare meadow what is the name of the fkb patch in the play store?

[spare meadow]

it's just a regular android update.

... i dont believe they are 'named'

https://play.google.com/store/apps/details?id=de.ozerov.fully

[atomic glacier]

@polar kelp is it possible to have popups open to full screen, similar to a panel view? Or possibly just add width in pixels instead if % like you did with height? and maybe with top starting at the actual top of screen instead of lower as it does now? Don't know if this is possible. I asked with explanation earlier, but you weren't on.

[polar kelp]

You could probably play around with styles, like top:, left: etc. It's all css

[spare meadow]

hey thomas, is lovelace named after you and all the excellent work you've put in to it? 😉

[polar kelp]

Ada Lovelace, actually, and I'm just standing on the shoulders of giants.

[atomic glacier]

@polar kelp thanks! I wasn't sure, but I'll dig into it and give it a go😉

[silver crescent]

@mild veldt do ypu think that the picture-glance problem will be fixed soon?

[mild veldt]

@silver crescent 🤷 if it bothers someone enough that they fix it, then yes.

[vivid lark]

hello, I've a frontend issue not really 100% lovelace

basically in firefox the hass.io page does not render using the current theme color I setup but always in the default white and blue

if on same PC I switch to Chrome the exact same page renders correctly following the theme colors

[polar kelp]

The theme is a per browser setting. If its set to anything other than backend selected it will ignore your default.

[vivid lark]

thanks @polar kelp

but how can I fix this beahviour?

it only happens no this PC and with firefox

same PC with Chrome the Hass.io page is following the theme colors

[prime umbra]

@mild veldt radial menu card rox...
very nice the default_open: true
would be lovely to have also a option for when you click on a icon to dont hide or hide based on user choice
got to love this LL card 😃

[mild veldt]

@prime umbra submit a feature request or I'll likely forget 😉

I was actually going to clean up some console logs I left in 😬 over my lunch break, so should be able to add that as well

[prime umbra]

hehe awsome

[polar kelp]

@vivid lark set the theme to backend selected in firefox

[vivid lark]

yes and this is reverting all to standard white/blue

but I'd like to use a differente theme

[polar kelp]

How did you select which theme should be default?

[vivid lark]

in the user panel

[polar kelp]

That is, again, a per browser setting. It sets the theme in the current browser.

To set the default theme you can call the frontend.set_theme service.

[vivid lark]

this is clear, the fact is that if in Firefox I select now a different theme it works ok everywhere BUT on the Hassi.io page

[polar kelp]

Oh. Is it only one panel that doesn’t work? Like the lovelace interface is working as expected?

[vivid lark]

yes correct

[polar kelp]

I see.

[vivid lark]

and it only happens on Firefox

even after cache cleaning

[polar kelp]

Sorry about the confusion

[vivid lark]

no it's ok, it's a weird issue like all mine 😃

[polar kelp]

Perhaps you should try asking in #330990055533576204

[elder pendant]

You could try checking the browser console for any errors, but sometimes firefox is not compatible with certain things

[vivid lark]

I did and they push me to #330944238910963714 assistant and from there they push me in #frontend-archived

[elder pendant]

Did it start happening after a browser update or after a HA update?

[vivid lark]

neither of the 2

[mild veldt]

@prime umbra https://github.com/custom-cards/radial-menu/releases/tag/1.1.0

[silver crescent]

just switched to the Lovelace UI editor and its pretty sweet. 😃 Is there a way to insert and delete spaces on a hole section instead of one line at a time?

[mild veldt]

@vivid lark https://github.com/home-assistant/home-assistant-polymer/issues/3083

[polar kelp]

@silver crescent No.

[dark dirge]

that's what drove me to YAML mode - the editor

[silver crescent]

@polar kelp okay. only thing im missing 😃

[polar kelp]

It's gotten a lot better since it was first introduced, @dark dirge

[dark dirge]

no doubt. if it was more like Configurator, it would probably be fine. But moving stuff around and fixing spaces is still a weak point

[silver crescent]

I had this in my yaml, but cant get it to work in UI...How o? https://hastebin.com/fegupoveme.bash

[mild veldt]

@polar kelp @silver crescent you can select multiple lines in the UI editor with ctrl + click on each line you want to manipulate.

supporting middle click for multi-line selection is what I miss as it is a little faster

There are some nice addons that we could look into utilizing as well potentially https://codemirror.net/doc/manual.html#addons

[silver crescent]

Yes but I woul like to able to move spaces

[mild veldt]

You can do that with ctrl + click

if I'm understanding you correctly

this would be nice to implement, I think https://codemirror.net/demo/sublime.html

[silver crescent]

ahh... I get it now 😃

[polar kelp]

TIL. Cool

[vivid lark]

@mild veldt thanks, now I don't feel anymore alone 😄

[forest mica]

so i just added my wyze cam and i cant get it to stream to my picture-glance card. i get a broken file picture. but if i click on it it bring sup the stream

type: picture-glance
title: Kitchen
entities:

• light.foyer
  camera_image: camera.kitchen

Error getting new camera image: Cannot connect to host 192.168.10.40:80 ssl:None [Connection refused]

[polar kelp]

That codemirror thing actually has decent-ish vim emulation too...

[azure quiver]

Iv'e installed 2 themes and automated them but there is still no theme selection under the general tab? The new theme is working but no manual selection.

[raven nacelle]

Themes are available under your profile

Click the Circle (next to Home Assistant) in the left tab

[azure quiver]

I am a week in, got everything setup from presence detection to node red setup but that is the first time I have seen that page. lol.

We need to update the frontend component page https://www.home-assistant.io/components/frontend/#manual-theme-selection Where it says General.

[elder pendant]

What needs to be updated?

Is your version of HA lower than 0.77?

[latent moss]

Those docs look correct to me, but yeah, I think it should be re-written. It's giving too much emphasis on what the steps used to be in an 8+ month old version of HA rather than what they currently are... There's no info on how to access the "user profile menu" for example.

[elder pendant]

I agree with your last sentence, but it pretty clearly says "before 0.77"

[azure quiver]

Nevermind it is correct, I guess I just didn't know there was a profile page. I looked at the users and persons page and thought that was it.

But I'm good to go now, happy about this multifactor auth too

[latent moss]

how many people are still using <0.77 though to where that old method deserves a mention, let alone in bold text? I think it's just causing confusion as like what happened here.

[elder pendant]

If you're only reading the bold words on a docs page, you're doing it wrong

[azure quiver]

I was originally following an old guide that was using it and when that failed I just skimmed the page.

[elder pendant]

but both of you have the power to change the docs 🤷

[polar kelp]

Be the change you want to see in the world!

I agree with everything you've said.

[azure quiver]

👏

[prime umbra]

sorry @mild veldt was away just got to see your message
damm that was to fast..lol.. awesome job is working perfect :)
thanks alot and keep up coming with those brutal cards.....

[latent moss]

@polar kelp could you tell me if this PR looks right? my first time doing this. https://github.com/home-assistant/home-assistant.io/pull/9227

[polar kelp]

Looks great. Good job!

You can tick the other checkbox too. Your PR is to the right branch, and having all boxes checked speeds up the review process

[latent moss]

Thank you. Was always afraid of messing things up for other people, i don't really have a good understanding of forks and branches and all that stuff. Now that I know how to do this I'll be able to update more docs in the future.

ok thanks 😃

[azure quiver]

Is there a way to have lovelace badges execute a remote instead of popping up the info panel?

[mild veldt]

@latent moss well that was easy 😃

https://github.com/custom-cards/radial-menu/releases/tag/1.2.0

[latent moss]

🎉 🎉 🎉

[odd light]

are the cameras in lovelace still such that you have to click one to get the streaming video?

[mild veldt]

@odd light for now, yes, but I did make a camera-card hack for now: https://github.com/custom-cards/camera-card

we should get support in all the picture cards soon though, thanks to @green ice

[green ice]

@half osprey did most of the work. It just has my name on it... was merged last night, so option should be available in 0.92... still need to update docs...

[mild veldt]

he merged it without docs? tisk tisk 🤣

[odd light]

question

is this the correct way to add themes support in my config.yaml

frontend:
themes: !include_dir_merge_named themes/

then I created a yaml file in that folder

and pasted a theme from a website and did a config check and it didn't like it

[undone egret]

are you needing multi files

if not just do a include

[odd light]

I mean wouldn't you want a file for each theme?

[latent moss]

what was the error from config check

you could have all themes in one file, that's what i do

[odd light]

it didn't like the stuff inside of the file

well look at this one https://community.home-assistant.io/t/midnight-theme/28598/6

there's tons of lines in that theme, would be cleaner to have it in it's own file I'd think

[latent moss]

it could be your indentation was off

[odd light]

well I deleted the theme file and now its happy

[undone egret]

https://github.com/Vasiley/Home-Assistant-Main/blob/master/packages/front_end_themes.yaml.noload

i have it set to no load for some reason that i cant remember but file size is not huge

[odd light]

got it

it was their code

haha

[undone egret]

👍 i use packages so i could not be much help on dir_merge

[odd light]

let's see if it shows up as a theme I can choose

success!

[undone egret]

good deal

i need to bring mine back up i guess

[latent moss]

@mild veldt not able to get entity_picture showing in radial-menu 1.1.0. The sensors are there and can be clicked but appear invisible cause no icon is set and picture doesn't load. I restarted HA and everything, still no luck. this is my config looks like:

      - entity: sensor.epson_ink_level_magenta
        entity_picture: /local/printer/ink_magenta.png
        name: Magenta
      - entity: sensor.epson_ink_level_cyan
        entity_picture: /local/printer/ink_cyan.png
        name: Cyan

Will try again after i grab dinner.

[mild veldt]

don't need to restart HA, just need to clear cache

[latent moss]

You’re right, it works fine on my phone. Nice. https://i.imgur.com/jLk77ah.png

[odd light]

@latent moss what is that?

[elder pendant]

Radial menu

https://github.com/custom-cards/radial-menu/releases/tag/1.2.0

[odd light]

interesting

[mild veldt]

@latent moss what printer do you have that connects with HA?

[latent moss]

It’s an epson workforce wf3620 or something like that. No HA support yet, it’s using curl commands on the ink levels page of internal printer admin page. I think someone is working on a more official sensor component tho

[odd light]

noice

[mild veldt]

I need to still get a new printer that supports PVC card trays so I can finish that magic card project

[latent moss]

magic cards is on my to do list as well, looks super cool

[odd light]

the only printer I want, is a 3D printer.

[elder pendant]

Then you don't have to worry about toner or ink 👍

[odd light]

I noticed they changed the configurator, anyone know how to reference it in an iframe?

it loads from the addon

https://hassio.local:8123/hassio/ingress/core_configurator just gives you 2 sidebars

[atomic glacier]

@mild veldt not trying to sound greedy...but...any chance that main menu icon can have option for entity_picture? and maybe have the menu items entity pic display larger? https://imgur.com/a/Z6KDNPs

[odd light]

better yet how do you reference anything using this ingress stuff from the side panel iframe.

[atomic glacier]

@odd light no clue here. None of the add-ons I use are available yet...so haven't caught up on it yet

[odd light]

you don't use configurator? I don't really use it but, I did notice that when someone else asked a question.

[clever ore]

click the addon in your hassio tab and then "open web ui", you can use that url to make a custom panel like this:

https://community.home-assistant.io/t/panel-iframe-for-configurator/110351/28

also check out "whats next" in this blog post:

https://www.home-assistant.io/blog/2019/04/15/hassio-ingress/

[atomic glacier]

@clever ore 👋🏻 Thanks...Bookmarked in todo list 😉

[clever ore]

linking will be easier in 0.92

[odd light]

giving it a go now

you da man

[mild veldt]

@atomic glacier entity_picture 👍 larger...probably not. Would consider a style option, however which would allow the same thing

[atomic glacier]

@mild veldt style option should work. I tried live camera feeds as entity pic, but was really too small for even me to tell what camera it was. Thanks for the quick response🙌🏻

[latent moss]

it seems for me that with entity_picture i can't get the more-info or navigate etc to work. clicking the image does nothing for me. same exact setup but with an mdi: icon instead of entity_picture works...

[mild veldt]

@latent moss @atomic glacier https://github.com/custom-cards/radial-menu/releases/tag/1.3.0

[latent moss]

👍 that was fast

[atomic glacier]

awesome!

[latent moss]

this could be my crappy Chrome cache acting up but I hard refresh like 50x. from chrome inspector :

radial-menu.js:2451 Uncaught TypeError: Cannot read property 'tap_action' of undefined
    at handleClick (radial-menu.js:2451)
    at HTMLElement._handleTap (radial-menu.js:2573)
    at EventPart.handleEvent (radial-menu.js:855)
    at HTMLElement.EventPart._boundHandleEvent (radial-menu.js:821)

and code i was using

      - entity: sensor.epson_ink_level_black
        entity_picture: '/local/printer/black.jpg'
        name: Black
        tap_action:
          action: navigate
          navigation_path: /lovelace/1

Also it seems that it doesn't apply the same css rounding or whatever that the rest of HA (like glance cards) uses for entity_picture. have started making custom icons and they show up square. i could make them rounded in photoshop tho but just thought i'd mention it's not really consistent with other stuff https://i.imgur.com/HimmeER.png

[mild veldt]

@latent moss those are badges

the rounded ones. that's a possibility, I guess. I'll play around

[latent moss]

i didn't mean the badges at the top of the screen, but scripts or any other entities which have entity_picture specified as part of customize.yaml or whatever. they all get rounded, at least for me.

this isn't the best pic to demonstrate since i spent a long time finding round versions and/or fixing them, but you can kinda see it here (in the "H" history channel logo the HD part is cut off cause icon gets rounded. and the amc icon is a rectangle but the right side got rounded etc) https://i.imgur.com/aM5sIgi.png so the glance card or HA is rounding them by default. Not a big deal tho just something i noticed.

[mild veldt]

perfect...lol

[latent moss]

lol

[mild veldt]

those are state-badge, but I could just apply that style as well

that would probably be easier

but...I'm thinking I won't do that and just add the style option and then people can style how they prefer

[latent moss]

whatever works best. i was thinking since the main icon was rounded and all the sub-icons were also surrounding it in a circle pattern, maybe the icons should just be rounded too.

[mild veldt]

yeah, you're probably right. not going to get to it tonight. but should be able to get something out tomorrow

[elder pendant]

Can we get an optional random value for how far and in what direction these buttons go? I want mine to look like the above image ☝

[mild veldt]

Don't properly close a double quote and you can have that as well 😃

[forest mica]

can the bar with all the entities be moved to the top or side of and picture-glance card?

[mild veldt]

Use a picture-elements card

[forest mica]

why?

im using a camera stream as the backround

[mild veldt]

Because you want to change where things are positioned...

[forest mica]

alright i just didnt think camera_image was available. but i see it now

[grim cairn]

Is there a component for plus and minus?

[latent moss]

not exactly sure what you mean @grim cairn but maybe counter component? It can add or subtract a number (counter.increment and counter.decrement service) https://www.home-assistant.io/components/counter/

[grim cairn]

@latent moss might be what I'm after, I am currently using the cover component, basically want volume up/down

Cover is a bit hacky but works

[sour thunder]

What would be the best way to show a card "An update is available" with the updater entity only if the updater exists? (so only show if there is an update)

I thought of the entity-filter, but can I filter after "exists" there?

[shadow sapphire]

i've made a card that shows the persons and if there home or not is there a way to make that badges like the top row?

[errant plover]

Badges ( https://www.home-assistant.io/lovelace/views/#badges ) are for entities not cards. Having said that you can replace the more info pop-up when clicking on a badge with any pop up card you desire: https://github.com/thomasloven/lovelace-popup-card

[amber belfry]

so this is until now the most dumb question I had to ask but can anyone recommend a material design icon for a hallway (lighting)?

[errant plover]

mdi:lightbulb 😃

[amber belfry]

you know what, I think if I can find good distinguishable (is this even a word) symbols for the other rooms, that might actually work 😃

[errant plover]

I thought mdi:road-variant might do but it looks too much like a tie fighter.

[amber belfry]

haha. I thought "this is not a tie fighter" when looking at it first and now... its a tie fighter

[vapid field]

noob question here but I can't figure out why lovelace is complaining that my "entities need to be an array" https://hastebin.com/puzigoyipo.bash

[latent moss]

@vapid field only took a quick look but your Problem starts at line 36, your indentation appears off, you have like four spaces instead of two. The entities should not be wrapped in quotes either.

[vapid field]

ok I thought the indentation was weird too but after changing the indentationa nd removing quotes it only shows part of it now @latent moss https://hastebin.com/ifacurivoc.bash

I still think my indentation is incorrect as now it just shows the entity filter card and nothing else

good news that the error is gone though 😃

[latent moss]

On mobile and just about to jump in the car, so someone else will need to help from here @vapid field . but your indentation still seems off, you have too many spaces still, it need to be just two.

[vapid field]

ok well thanks for the help man! should every indentation be just two spaces?

[latent moss]

Yes

It seems you remove the quotes but didn’t fix the spacing I think ur problem is still starts on line 36

Gotta go but good luck I’m sure someone else here can help if they’re around

[vapid field]

alright awesome man well thanks for the help I appreciate it

[polar kelp]

The qoutes don't matter in this case. But indentation must be equal through the entire file.

[vapid field]

ah ok good to know, I always use a yaml validator but it shows clean on my config so I'll look at the indentation right now

[polar kelp]

I'm not sure about this one...