#frontend-archived

1 messages ยท Page 92 of 1

split granite
#

Yeah, the docs need fixed

copper mural
#

Thanks. Worked awesome.

split granite
#

I've added a PR to add the line graph example

royal rapids
#

hi all, so what the last step here?

#
  • type: entity-button
    entity: group.livingroom
    name: Living Room
    icon: mdi:lamp
    tap_action:
    action: call-service
    service: homeassistant.turn_on
    service_data:
    entity_id: homeassistant.turn_off
    entity: script.turn_off_lights
wheat current
#

~format @royal rapids

kind shellBOT
#
:information_source:
Format Code:

@royal rapids 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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

royal rapids
#

im obviously confusing service and entity somehow

split granite
#

The entity_id is the thing you're acting on

#

The service is the action

royal rapids
#

another question, how can I display the target_temperature in a grap? I find it in history but not under enities

split granite
#

You'd have to create a template sensor

#

~sensor.template

kind shellBOT
royal rapids
#

thank you

#

The logical way would then be

- type: entity-button
        entity: group.livingroom
        name: Living Room
        icon: mdi:lamp
        tap_action:
          action: call-service
          service: homeassistant.turn_on
          service_data:
            entity_id: group.livingroom
          entity: script.turn_off_lights

but is it that simple. (im testing now)

#

bah. I would ahve understood

split granite
#

That doesn't look right

#

You have an extra entity: that shouldn't be there

wheat current
#
        tap_action:
          action: call-service
          service: script.turn_off_lights

?

split granite
#

Do you want to turn off the group of lights, or do you want to run the script?

royal rapids
#
- type: entity-button
        entity: group.livingroom
        name: Living Room
        icon: mdi:lamp
        tap_action:
          action: call-service
          service: homeassistant.turn_on
          service_data:
            entity_id: group.livingroom
          service: homeassistant.turn_off
          service_data:
            entity_id: group.livingroom
#

just trying to turn on and off the group as a whole

#

via the button card in lovelace

split granite
#

~yaml @royal rapids

kind shellBOT
royal rapids
#

i have no issue with this in teh old settup

split granite
#

Why not have the tap action as a toggle?

#
- type: entity-button
        entity: group.livingroom
        name: Living Room
        icon: mdi:lamp
        tap_action:
          action: toggle
royal rapids
#

there has to be a better way, but googling just finds more confused people ๐Ÿ˜ƒ

split granite
#

Don't google, read the docs

royal rapids
#

now that makes as lot of sence

#

I have read the docs

#

I need examples, and they are to slim here for me to understand that toggle works that well

split granite
royal rapids
#

but that worked brilliantly

#

thank you ๐Ÿ˜ƒ

short hemlock
#

With the Lovelace changes in 0.84.x, how do you change the view order (tabs) while in Storage Mode? Is this possible?

wheat current
#

Just the "Raw config editor" to move them

late knoll
#

It doesn't appear that the history-graph card respects Imperial / Metric setting in the hass config. Maybe I'm doing something incorrectly?
https://pasteboard.co/HU9Uilf.png

      - type: history-graph
        title: Temperature
        hours_to_show: 168
        refresh_interval: 300
        entities:
          - entity: sensor.hallway_thermostat_hallway_temperature
            name: Inside
          - entity: sensor.weather_temperature
            name: Outside
polar kelp
#

Iโ€™d expect it to just go with the state value of the sensor, whatever unit that is.

#

As is so often the case, a template sensor is probably the solution.

late knoll
#

works for me. thanks @polar kelp

#

I still think it's being reported inaccurately. Maybe it's stored in the database in celcius (I haven't bothered to write a script to actually check), but the degree amount read back to me is still converted to fahrenheit.

digital lion
#

how can i put my Light cards beside the other instead of under it

#

got this: ```
views:

  • title: Main
    icon: mdi:house-circle
    cards:
    • type: light
      entity: light.bed_lamp
    • type: light
      entity: light.bureau_lamp
#

but how to fix it

split granite
#

You'd need to use a horizontal stack, and put both cards in that stack

short hemlock
#

@wheat current re: Moving View Order (tabs), if I edit something in the "Raw Config Editor", will that mess up the ability to use !secret and !include? Don't want to screw up with I have now and the release notes aren't clear as to which specific configuration screws up the ability to use those aspects of configuration.

wheat current
#

Maybe, i have not tried ๐Ÿคทโ€โ™€๏ธ

mild veldt
#

@short hemlock yes. Only way to use secret and include are in yaml mode

short hemlock
#

@mild veldt I'm super confused then by the Lovelace updates in the latest build. It auto-generated a Lovelace UI from my legacy UI (which had secret and include). I converted it to Storage Mode by taking control, so as I understand it, I'm not using yaml mode. Does this mean it's not using the secret and include files now?

mild veldt
#

The auto generated did not use your secrets or includes

#

The auto generated just looks at your entities and groups and auto generates a Lovelace representation of them

#

Since you have already taken control (storage mode) you can open the raw editor and see how it all looks

#

And reorder if you want to

short hemlock
#

So if I modify the raw editor, it won't screw up anything then?

mild veldt
#

But you can not use secret or include in storage mode

#

Well you can absolutely screw things up, canโ€™t stop you from doing that ๐Ÿ˜ƒ

#

You just want to move tabs though?

short hemlock
#

haha, yeah...poorly worded question. ๐Ÿ˜ƒ

#

yes, just move the tabs.

mild veldt
#

That should be easy to cut/paste

#

But, we will have the ability to do so from just the UI in the near future

short hemlock
#

so the net regarding secret & include, that just means those passwords, urls, etc. are now exposed somewhere else in one of the files of my HA installation?

#

And if I add new !secret items to my configuration.yaml, those new items will not work in Lovelace?

mild veldt
#

No

#

use of secret and include are only in terms of Lovelace configuration

#

Use of them in your configuration.yaml is not affected

vapid field
#

Hi folks, happy new year to all.
I'm having problems with Lovelace....when I make a change to ui-lovelace.yaml the changes don't appear....I have to restart HA. Version 0.84.6. worked perfect in previous version I was running, 0.82.x....i have set Lovelace mode to yaml in my configuration.yaml

split granite
#

Also on 0.84.6, it reloads fine for me if I go to the three dots menu and select Refresh

sinful flax
#

Is it possible to add two sensor values together in a template sensor?

#

"{{ states('sensor.app1_down_speed_in_Kb')|float + (states('sensor.app2_down_speed_in_Mb')|float * 1000) | round(2) }}"

vapid field
#

@split granite I'm afraid that won't show the changes made to the yaml file

split granite
#

tank file?

sinful flax
#

OO haha. I am on lovelace ....

vapid field
#

.yaml
Bleeding auto correct

split granite
#

๐Ÿคฃ

#

Weird, I wonder if you're really in YAML mode

vapid field
#

I definitely have the mode set in my config file. And I've restarted HA multiple times.

#

Just noticed an error in my log

2018-12-31 21:27:44 ERROR (MainThread) [frontend.js.latest.201812112] http://hassbian.local:8123/local/card-modder.js:58:74 Uncaught TypeError: this.card.getCardSize is not a function

warm mulch
#

hi all. I've got a question.

#

Installed HA in a venv on macos.
www folder in place...but images don't show.

image: /local/image.jpg

#

I've tried everything I can think of...

#

any thoughts?

split granite
#

When you first create www/ you have to restart Home Assistant

warm mulch
#

I've restarted it 40 times since

#

I've been stuck on stupid for 2 days

split granite
#

The other problem might be file ownership/permissions - is www/ owned by the user you run Home Assistant as, and are the files readable by that user

#

The log file may tell you more, and you can also try pointing your browser at the relevant image URL to test it that way

warm mulch
#

I can code. I've made similar stuff for another html5 / js project, albeit json instead of yaml

#

755

#

the HA log doesn't show anything

#

i tried localhost:8123/local/image.jpg
nothing there

#

it's like HA doesn't recognize the homeassistant directory at all

#

except that I can see changes I make to other cards in lovelace

split granite
#

I'm not doubting you, I'm trying to help you ๐Ÿ˜‰

#

When you say "nothing there", what do you mean?

#

404, or something else

warm mulch
#

I understand. Didn't mean to get pissy...I'm just frustrated. sth so simple

#

404

#

well @ 8123/local/image.jpg I get a 404

#

in lovelace, the card is just shown with a broken image icon, and it's exactly that height.

split granite
#

Quick sanity check, there's not a case issue - it is www/ and image.jpg

wheat current
#

ls www/

split granite
#

And you created www/ in the config folder, not /

warm mulch
#

am I correct that the <config> directory is /homeassistant/ where the yaml files are located?

split granite
#

No

#

Go to info in the UI, it'll tell you

warm mulch
#

where is my config directory?

#

many thanks!

split granite
#

It'll normally be .homeassistant in the home directory of the user that runs Home Assistant

warm mulch
#

oh. sry That'S what I meant

split granite
#

Then yes, that (as shown in info ) is the config folder

warm mulch
#

.homeassistant/www/image.jpg

split granite
#

Yeah, but there's a bit before that

warm mulch
#

that's what the path looks like

split granite
#

And www/image.jpg not www/Image.JPG or the like?

#

ls -al ~/.homeassistant/www/image.jpg please

warm mulch
#

holy sh*t and it was under my nose...

split granite
#

Oh?

#

Capitals?

warm mulch
#

no, I thought I was in the wrong folder. But I had it right

#

didn't notice the "path to config" in the menu. I just went digging for it in the terminal

#

nope. Still no dice.

warm mulch
#

-rw-r--r--

split granite
#

And the folder?

warm mulch
#

-rwxr-xr-x

split granite
#

Anything in the console log from HA?

#

It'll normally throw up useful errors there (and a mountain of other stuff)

warm mulch
#

Failed to load resource: the server responded with a status of 404 (Not Found)

wheat current
#

Then the filename is wrong or not in the location you provided.

warm mulch
#

which is why I suspected that I had the wrong <config> folder

wheat current
#

Go to the dir (with a terminal)
type pwd and ls -al

warm mulch
#

Sorry, I just feel stupid. It must be sth small that I've missed.
This was just intended to be a sandbox. My final install will be in a week or 2 on a Pi

wheat current
#

paste the output of both here

split granite
#

It's always something small, but if it was obvious to you then you'd have spotted it by now ๐Ÿคท

#

Another pair of eyes is often what it calls for

warm mulch
#

pwd
/Users/sstockemer/.homeassistant/www
Seans-Air:www sstockemer$ ls -al
total 1600
drwxr-xr-x 6 sstockemer staff 192 Dec 31 22:45 .
drwxr-xr-x 23 sstockemer staff 736 Dec 31 22:49 ..
-rw-r--r--@ 1 sstockemer staff 6148 Dec 31 22:13 .DS_Store
-rw-r--r--@ 1 sstockemer staff 77838 Dec 31 21:51 dark_floor.jpg
-rw-r--r--@ 1 sstockemer staff 725549 Dec 30 20:48 home_v2.1LR.png
drwxr-xr-x 6 sstockemer staff 192 Dec 31 19:20 images
Seans-Air:www sstockemer$

#

dark_floor.jpg is my 'image.jpg'

#

I anonymized.

split granite
#

Lots of folks do, even when it harmless

#

I'm not seeing anything obvious, and I'm guessing the @ is an OSX file system marker for an ACL?

warm mulch
#

would make sense

split granite
#

Ah, extended attributes

warm mulch
#

I'm not a network freak, nor do I use my mac much

#

xD

split granite
#

I haven't used one in anger for, well, let's just say it's been some time ๐Ÿ˜‰

warm mulch
#

I code abap, by day, as a consultant.

#

I can't count the number of times in the last 48 hours I've typed 'dir' instead of 'ls'

#

๐Ÿ˜ซ

split granite
#

I have that problem the other way around ๐Ÿ˜‰

wheat current
#

/Users/sstockemer/.homeassistant are the dir listed under info ?

warm mulch
#

Path to configuration.yaml: /Users/sstockemer/.homeassistant

#

you guys are nice.

#

I got flamed about 8 years back on xda...so I'm always reluctant to seek help.

split granite
#

There are a few folks here who're lightly trollish, but they're also helpful

#

Most folks are decent - or we just kick them ๐Ÿ˜ƒ

warm mulch
#

It's very much appreciated, that you guys dedicate your time to helping noobs

split granite
#

We were all noobs once, and every time we learn something new we're noobs again

wheat current
#

assuming your mac has curl, try curl http://localhost:8123/local/dark_floor.jpg

warm mulch
#

what's curl

split granite
#

Try it on the command line

warm mulch
split granite
#

It's a tool for grabbing files over HTTP/HTTPS/other

wheat current
#

demn... I clicked that link ๐Ÿ™ˆ
it did not work here too

warm mulch
#

404: Not FoundS

split granite
#

๐Ÿคฃ

warm mulch
#

XD

wheat current
#

are you absolutly sure that you have restarted home assistant after creating the www dir?

warm mulch
#

pretty sure

#

with hass --script macos restart ....?

#

and in the UI - restart core or whatever that button is

#

countless times.

wheat current
#

None of those will do

warm mulch
#

please elaborate

wheat current
#

Go to "Configuration" -> "General" -> "Server management" -> "RESTART".

warm mulch
#

dude I'm gonna feel like a complete idiot if that works

wheat current
#

restart core == "Reload core" this will reload "cuztomize.yaml"

warm mulch
#

that sh*t is printed in big red letters

#

shut up

#

you guys are awesome!!

split granite
#

You'd not be shocked at just how little people notice these things

warm mulch
#

If I had some bitcoins, I'd dropp them in your tip jar!

split granite
#

Most of our time here is spent reading the docs for folks and pointing stuff out to them

#

It's not hard, it's just human nature, and we've all fallen foul of it

wheat current
#

True ๐Ÿคฃ

warm mulch
#

I'm sure I'll be back with more questions and challenges...ya'll just tell me to power cycle my router, and I'll get lost for a few minutes.

split granite
#

๐Ÿ˜„

wheat current
#

did a "proper" restart fix it?

warm mulch
#

yes indeed. thanks again

#

smh

wheat current
#

nice ๐Ÿ‘Œ

#

looked at the --script macos restart do not use that ๐Ÿ˜ƒ

#
    if args[0] == 'restart':
        uninstall_osx()
        # A small delay is needed on some systems to let the unload finish.
        time.sleep(0.5)
        install_osx()
        return 0
split granite
#

๐Ÿคฃ

#

One day we must actually document what all these things do

wheat current
#

suuuuuuure, one day ๐Ÿ˜‚

mild veldt
#

Ian sees @split granite 's 'troll' comment and wonders who he is talking about

#

_probably @wheat current _

split granite
#

๐Ÿ™‰ ๐Ÿ™Š

wheat current
#

Me 'troll' never... Must be that @mild veldt guy

mild veldt
#

f that guy

#

can a mod please pin this ^

split granite
#

I suppose I could...

mild veldt
#

took you long enough...

split granite
#

I know, slacking

#

I blame the many pre-celebration drinks

mild veldt
#

๐ŸŽ‰

#

cheers, friend!

split granite
#

Got another hour to get a few more in

#

๐ŸŽ‰ Cheers

wheat current
#

You are UTC?

split granite
#

GMT this time of year, so yeah

wheat current
#

Aha :D
We just bumpd the year here, not a fan of the noice...

split granite
#

No, I'm not either

#

There's already been a run of fireworks earlier, which sent the dog into a spin

#

I'd like to put those people next to the world's largest speakers, turned up to 11, and play them some proper loud classical music

#

Maybe the 1812 Overture ๐Ÿ˜‰

wheat current
#

Now that would be fun to watch ๐Ÿ˜„

#

Thanks @split granite did not recodnice the name, so playing it now and can bearly hear the ๐ŸŽ† ๐Ÿ˜„

split granite
#

๐Ÿ˜„

polar kelp
#

I just watched the fireworks music by Hรคndel. More suitable, but 1812 works too.

split granite
#

Any music that includes actual artillery pieces gets a vote in my book ๐Ÿ˜›

polar kelp
#

Unfortunately they are few and far between.

#

The only thing I can even think of that gets close is the โ€Mahler hammerโ€ (which really should be called the โ€Mahler malletโ€, btw seriously who missed that one?)

split granite
#

๐Ÿ˜ฎ

#

Just Googled that one, guess I'll be listening/watching tomorrow

polar kelp
#

Happy new year, by the way.

gentle tide
#

Happy new year everyone

split granite
#

๐ŸŽ‰ Welcome to 2019

raw brook
#

shh dont spoil it for the Americans Kappa

gentle tide
#

We (on the west coast of the US) have eight hours to go

#

๐Ÿ˜„

spice ocean
wheat current
#

In bed on mobile now, can find the resources.

#

But post the question here to, maybe someone else know ๐Ÿ˜‰

spice ocean
#

@wheat current Thanks. I've sorta got it working with Node Red. I'm just trying to move some sensors around

tribal cosmos
#

@tepid locust yeah, a media entity card sounds just what I need... but as I said, i'm a noob. how do I make use of one?

tepid locust
#

Are you configuring Lovelace through yaml files?

tribal cosmos
#

right now? i'm doing jack diddly squat ๐Ÿ˜› I just started looking into lovelace, but really have no clue what I'm doing currently. I was just doing something with a template to get something on the front page

tepid locust
tribal cosmos
#

but i presume I would be going the route of configuring via yaml when I do that

tepid locust
#

Recently they gave different options for configuring Lovelace, you can also do it via the link now. I use yaml though

tribal cosmos
#

so basically, i have a case where if the activity on harmony is chromecast, i want to make it show that data (for the chromecast)... if the activity is roku, i'd want it to show that data

tepid locust
#

UI not link

tribal cosmos
#

so I have the logic to display a simple text on the card, but want to make it show the media info

tepid locust
#

Mix media control cards with the entity filter

tribal cosmos
#

stares blankly at @tepid locust

tepid locust
#

That may work

tribal cosmos
#

ah, ok

#

so i'd put all the entities in the group that WOULD, then with my logic, basically mark one as "current" = true (example) and use that boolean to determine which one should show?

#

where do i build these entity filters at? is there a best practice to do it in a split-out yaml file or direct inside the configuration.yaml? in customize.yaml?

tepid locust
#

It would be in the ui-lovelace.yaml file refer to the docentation I linked

#

You would need a different card for each input but you can configure the cards to be not shown when they are empty

#

Can also refer to my people section in much Lovelace config file on my github

#

~sinker1345

kind shellBOT
tepid locust
#

This is a slightly different way to do it and may be a bit cleaner

tribal cosmos
#

thanks @tepid locust that looks like it might be helpful. now the daughter wants to play Rocket League... so much for trying to get some stuff done tonight

tepid locust
#

Lol I know the struggle

tribal cosmos
#

so those conditions... basically if that entity has the state listed, then it does that card?

tepid locust
#

Of it has the state listed it looks like it shows the card

tribal cosmos
#

i think i'm understanding it right... now to remember this understanding in a few hours if/when I can get back to it by then

tepid locust
#

Can always scroll up lol

tribal cosmos
#

๐Ÿ˜›

#

so this just gets tossed in the customize.yaml?

tepid locust
#

In the ui-lovelace.yaml file. You'll need a bit more than that though. If you haven't made a Lovelace file refer to the docs and maybe watch a YouTube video on getting started with lovelace

tribal cosmos
#

ah! I opened mine up

#

i used the add-on to convert my hassio to lovelace

#

so it has whatever that one did

tepid locust
#

Can do some research while the kids are playing rocket league lol

tribal cosmos
#

nope... i'm the one they want to play with

#

i'll be tied up

tepid locust
#

I did that but ended up re making it from scratch, it turned out much better and I understand the structure of the file better

half cradle
#

ok i am trying to play with lovelace but now all the work i did in my config file doesnt show it looks like its a default or something did i do something wrong

rugged musk
#

same for me

split granite
#

You're on 0.84.6, and you've not used Lovelace at all before (so no ui-lovelace.yaml, and no lovelace: entry in configuration.yaml)?

rugged musk
#

yes

split granite
#

Let me poke my test system and see what the auto-generated config looks like

#

Using the stock default_view my custom tabs are copied over, but my default view changes slightly

half cradle
#

no i used it a while back just comming back

fiery temple
#

the card itself work with todoist, and the data in the card are sensors, but im still not fully like the card its empty lines, behind those lines are hidden icons etc

#

would the beer card be usefull in this situation?

upbeat sierra
#

hey.

#

switching to lovelace... how would i bring everything that was on the default (non lovelace) overview screen to my initial lovelace screen?

fiery temple
#

@upbeat sierra , is was told there is a convert from @polar kelp , but it finaly choose to just copy paste everything in the ui-lovelace.yaml, gives you more experience in yaml to

karmic vessel
#

how can i make like a horizontal stack stretch across the entire width of the screen more or less

spice ocean
mild veldt
#

@upbeat sierra on 0.84 it is auto generated for you

karmic vessel
#

i guess i might have misunderstood panel mode but i thought that stopped everything else from showing on a panel

karmic vessel
#

i really don't like the default light element though yuck!

#

might have to see about doing some UI work hah

mild veldt
#

Constructive feedback...

warm mulch
#

Hey guys, another quick question. This time it's a plausibility question. I'm waiting for a bunch of hardware to ship. I'm planning a frontend in my head, for now. I want to run lovelace behind fully kiosk on a couple of fire tablets as dashboards...and here's my question.
I don't really like the tab for navigation (switching views). It's personal. I just find tabs for navigation to be clunky and archaic.
Can I set the visibility of the tab controls to 0? or maybe shift everything up to remove the dead space up there where the Home title sits?

vapid field
#

Time and date is shown, but only the weather is not shown

warm mulch
#

@jade bough that's dang close. But I'm hoping to eliminate the icons as well

ivory burrow
#

weather-forecast widget displays wind speed as km/h, but weather platform (weather.dark_sky) receiving this value as m/s. Could i customize measurement?

mild veldt
#

@warm mulch that looks doable with compact-custom-header

#

Thomas also has a kiosk card

#

Or is it ciotism

polar kelp
#

@vapid field you need a weather Component, not a weather Sensor. Unfortunately YR has no component at this point.

#

Itโ€™s not my kiosk card. Itโ€™s made by Marius.

mild veldt
#

Right. You have the fully kiosk

#

Thanks

polar kelp
#

I have some ideas for an improved one, though...

#

Like hidde some tabs based on username and such... canโ€™t promise anything yet, though. The ideas list is getting long...

mild veldt
#

@clever ore โ€˜s looks to be able to do that

#

I havenโ€™t played with it much yet

polar kelp
#

Neat. I didnโ€™t have time to look at it yet.

#

But I half expected it to, to be honest...

mild veldt
#

Yeah it looks really cool

polar kelp
#

Then I can focus on automating the browser instead...

mild veldt
#

ian wants to know more

tribal cosmos
#

@tepid locust I got my card to work! now It will show the LG WebOS app if on smart TV activity, or chromecast info if on the watch chromecast activity ๐Ÿ˜ƒ I need to make a few static images for things like radio, etc... but it works! ๐Ÿ˜ƒ

polar kelp
#

Basically a service call that could e.g. Switch tabs, bring up the more-info dialog or a camera feed...

mild veldt
#

Yes! Also on events?

#

Or I guess that could be done in an automation

polar kelp
#

Yeah.

mild veldt
#

The camera feed would be ace

clever ore
#

yup, as for the earlier conversation. compact-custom-header can hide/show all tabs or hide certain ones, can even have separate settings per device or user

mild veldt
#

The tabs too. Morning vs evening tabs

#

Too many cool people making stuff here ๐Ÿ˜ƒ

upbeat sierra
#

@fiery temple what exactly did you paste into ui-lovelace.yaml? the configuration.yaml?

fiery temple
#

@upbeat sierra i posted a link

upbeat sierra
#

thanks. but this is not what i am looking for.

#

if i am not using lovelace, on the overview screen i see all my entities, sensors, switches and their current state/value.

#

is there a way to bring that to lovelace ? like - preferrably with one command?

#

i dont want to list everything. I want a view, where I can see all entities I have (correctly) configured, so that I can use it as a starting point to then build the proper view for them.

mild veldt
#

@upbeat sierra are you on 0.84? When you go to lovelace page it should autogenerate for you

upbeat sierra
#

0.84.6

#

so if i delete ui-lovelace.conf it should genereate one for me, once i enable it by clicking the "try out the new lovelace UI" in (i) ?

upbeat sierra
#

@mild veldt ah, thanks. was in yaml mode. switched back to auto and yes now i can see everything. is there any way to get what i am seeing as a configuration which i can include in my manual ui-lovelace.conf ?

remote igloo
#

is there anyway to modify the icon color in lovelace based on state?

tepid locust
#

is there an up to date listing somewhere for custom lovelace cards?

jade bough
wheat current
#

I doubt it @tepid locust

tepid locust
#

does anyone know of a working custom weather card for dark-sky? I like the default but it does not show percip probability

dusky mist
#

i am building a dashboard a-la magic mirror, but using a kiosk with lovelace. i would love to invert the colors of the map card. does anyone know if that is possible?

jade bough
#

and add shell_command: !include shell_commands.yaml in configuration.yaml?

warm mulch
#

can I ask another stupid question, or is there a limit per day?

gentle tide
#

I ask them all the time

#

No limits yet

warm mulch
#

I'm working with a picture element, and an overlay image.
The picture element will show my floorplan. I cut out my living room, to use it for navigation.

Q1 Can I nest picture elements? Like picture elements inception?

Main question (2 if counting)...
Is there a simpler way to work with positioning? Working with percents seems absurd, when I'm trying to get the overlay to be pixel exact.

split granite
#

We limit silly questions to one per millisecond ๐Ÿ˜‰

warm mulch
#

Q1- I could/should just try myself, but asking could save me an hour.

gentle tide
#

@warm mulch I'm attempting something similar but haven't found a good answer for Q2 yet.

#

I think someone needs to develop a picture-elements card that can be controlled at the per pixel level

split granite
#

@warm mulch It looks like it may work

warm mulch
#

really?! Can I work with pixels? I don't really get the whole "top/left" concept yet.

split granite
#

Not sure about pixels, but you can have images for the elements inside the main one

#

I don't think you can nest cards inside though

#

Pixels, no, percentages

#

Because the image will scale

#

So pixel locations at 500 x 500 won't work at 700 x 700

warm mulch
#

can y'all point me at a decent explanation of the top/left percentage stuff

split granite
#

^^^ that's an awesome card

gentle tide
#

I use the plan coordinates addon specifically for locating the percentages on my floorplan

warm mulch
#

that's dope AF. Many thanks again!

gentle tide
#

Just remember

#

It only works on crhome

#

Also, you might want to have a look at this other card as it seems similar to what you are trying to accomplish

split granite
#

HA Floorplan is not Lovelace, but may be worth looking at

#

You get total control, but it's a bit (ok, quite a bit) more work

gentle tide
#

technically, the second link is still the picture elements card but they use opacity to section out the various rooms

warm mulch
#

I'm using an image element

#

๐Ÿ˜ƒ

#

for the plan-coordinates...excellent utility, I'll leave it in my sandbox for reference, but I had already nailed down better results (plan-coordinates said 30% but I'd already trial/error'ed 29.8%

#

the 3d floorplan is also on my agenda... but I thought I'd play first in 2d. I'm a total noob. My feet are barely wet

gentle tide
#

Oh snap, we can use decimal values for the percentages?

warm mulch
#

๐Ÿ˜„

gentle tide
#

(runs off to edit my floorplan)

warm mulch
#

to at least 3 decimal places

gentle tide
#

That's fantastic

warm mulch
#

but it gets really hard to see an effect at .001

gentle tide
#

I can see that

#

I think I'll be good with a tenth of a percentage.

#

maybe a hundredth if I need to hit .25/.75

warm mulch
#

.01 is actually meaningful

#

at least on my mac...I was seeing a pixel jump with .02 increments

#

where is my "home-assistant custom_components folder"?

gentle tide
#

you have to create it

#

depending on which installation of Home Assistant you are using, that location will vary

split granite
#

You can find it by looking in info

#

And it'll tell you where it is

warm mulch
#

cheers!

gentle tide
#

I really need to fix Samba on my Ubuntu VM. Don't get me wrong, I like using Nano but editing ui-lovelace.yaml is becoming more of a chore the bigger the file becomes.

clear star
#

did an update just bork my lovelace UI?

polar kelp
#

Depends how far you updated

clear star
#

i was early 8's to .84 i believe

polar kelp
#

Then yes

clear star
#

Is documentation updated?

polar kelp
#

Yes. And there's a blog post detailing the breaking changes for each release - as always.

clear star
#

i'm guessing view syntax changed -- my cards are still tghere

#

thanks @polar kelp

polar kelp
#

The entire way lovelace is configured changed actually.

#

You'll probably want to activate yaml mode. But the blog post will tell you more

clear star
#

thanks found it

#

cool

#

may move to storage mode as it seems yaml is 'legacy'

polar kelp
#

Kinda-sorta-yes-but-not-quite

#

Storage mode is probably the best for most people.

clear star
#

yeah i have mixed feelings lol -- yaml so i maintain ultimate control

#

but storage because newer

#

horrible logic

#

ill stick with yaml for now

#

Thanks again @polar kelp

gentle tide
#

I would use storage mode if I could get custom cards working properly.

mild veldt
#

I have no problem using custom cards and storage?

#

@gentle tide any in particular?

gentle tide
#

I couldn't get any of the custom cards I use working properly in storage mode

#

Initially, they worked on a computer browser but not mobile iOS

#

After a reboot, they stopped working altogether (got the red card of death)

#

So I switched back to yaml mode

woven vortex
#

I am using only lovelace and sometimes on the first load of my home assistant webinterface it loads every device in these bubbles. (this url will pop up when i get to my url: url/lovelace)
When I reload they are gone and i am on url/lovelace/0)
Is this something missconfigured on my end?

mild veldt
#

@gentle tide I have no problem on PC or iOS with custom header and mini media

gentle tide
#

In storage mode?

mild veldt
#

Yeah

gentle tide
#

I must be declaring the cards incorrectly

mild veldt
#

๐Ÿคท

gentle tide
#

anyone successfully using the report_size: feature from Card Modder to tweak card sizes? I have questions

mild veldt
#

@gentle tide I don't but understand the concept. Best to just ask the question

gentle tide
#

Well, according to the docs (https://github.com/thomasloven/lovelace-card-modder) the report_size feature should allow for modifying the visible size of a given card. I'm not seeing any difference in card size when I add that setting to my configuration and I'm not sure why.

polar kelp
#

Not the visible size. The reported size. The value used by the layouting engine to decide in which column to place the card.

#

It's a tough concept to grok unless you read the source code for lovelace, really...

gentle tide
#

I understand now

#

It's a logic feature, not a graphical placement feature

polar kelp
#

correct

#

Well. It affects the way the cards are placed in the layout, but you won't see any difference to the actual card

gentle tide
#

Maybe future iterations of Lovelace will give more control over placement and size of cards. In Lovelace's current state, I feel like I'm having to jump through far too many hoops to accomplish anything remotely cool looking.

polar kelp
#

If you wish to change the height of a card, you can use card modder and just set style "height: 500px" or something

#

Well, the idea of lovelace is to have a sane default layout. The ability to customize it is just a bonus...

#

You should expect a few hoops then.

gentle tide
#

Can card-modder alter the height and width of stacks?

remote igloo
#

is there way to get icon color change on state change working with lovelace ?

gentle tide
remote igloo
#

I get that for changing icon color but what about if i want a different color based on state?

remote igloo
#

just out of curiosity is there a listing of custom cards somewhere ? was wondering how you found that ? besides magic

#

also what about none buttons

gentle tide
#

I found that custom button card on the forums.

#

in fact, all of the custom cards I found on the forums

mild veldt
#

@remote igloo there are some pinned messages for this chat as well

tribal cosmos
#

ok, trying to do a picture card... dunno what i'm doing wrong. I made a folder "www" in my config folder and tossed a png there. then i reference it with "image: /local/image.png" ... but it fails to load the image on the page. Am I doing it wrong?

#

oh wait... i saw something about needing to restart HA before it will see the new dir... grr

#

yup! that fixed it. Thanks all the same ๐Ÿ˜ƒ

gentle tide
#

It has taken me the entire damned day to figure out that I can use custom cards on top of a picture entity card.... FML

warm mulch
#

@113 there's a conditional.
if(workdaySensor && workdayTomorrowSensor) {

#

afaics, I've got all of the dependencies in place. I was only unsure about this dynamic 'monster' card, so in an effort to fix it I put a copy of the monster card in 2 places.

#

oh, and I get a very happy and thoughtful little toast 'Service system_log / write called' or sth like that. ๐Ÿ˜„

#

nevermind. Sorry. It was a "Fehler 60" again. ๐Ÿ˜‚

small gyro
#

Hey all - a quick question: I'm using card-modder and stacks to align my cards. However, when using picture element cards, they get different sizes (probably due to picture size) any good idea on how to make them align good? Or do I need to photoshop to even sizes`

#

Nevermind, I think I'll just rely on the height: x px in styles ๐Ÿ˜ƒ

#

a bit of tweaking, but possible to make it work nice

vapid field
#

Has something changed between 0.82.1 and 0.84.6? I've just updated and my UI now looks like the old UI. I can't see anything in the change logs.

mild veldt
#

Yes. Read release notes and change log

#

Youโ€™re not looking at the right change log if youโ€™re not seeing anything. Lots of breaking changes

vapid field
#

Ah I've found it. YAML mode.

royal rapids
#

any cool cards for Public transport that you are aware of?

#

stupid quastion, but. Where is the www folder to put files into for custom cards?

#

should I just create it under dofig?

#

config?

split granite
#

You can find your config folder, if you don't know where it is, by looking in info

next sigil
#

@royal rapids Yes, the first time you need to create the www folder.
then restart HA and it will find the files

royal rapids
#

thank you

small gyro
#

Any ideas on why a picture element card, rotates my picture 90*?

hybrid bobcat
#

Iยดm going crazy!! i run 0.84.6 when going to dev info and pressing "Try out the new Lovelace UI (experimental)" i only get a meesage sayin "error while loading this panel" "go back". What the F should i do to solve this!!

#

I have no ui-lovelace.yaml file.

#

i want to start from scratch with lovelace

vapid field
#

I'm confused now with the new web configurable lovelace ui. where is the config now saved? I've started with the yaml approach in the early days of lovelace

mild veldt
#

@hybrid bobcat did you do yaml mode at any point? Remove it from your configuration.yaml if so

#

@vapid field in .storage/lovelace

#

@hybrid bobcat also try clearing your cache

hybrid bobcat
#

@mild veldt i have no yaml mode in configuration.yaml and i have cleard the cache 1000 times now...tested all of the browswers as well...

#

i get that every time i click "Try out the new Lovelace UI (experimental)"

#

in the site-packages/hass_frontend/ there are two files namned like that, a tar.gz and a chunk,js.map but no file with just chunk.js

#

All other files in that folder has a chunk.js, a chunk.js.gz and a chunk.js.map

#

is it safe to extract the .gz?

small gyro
#

Simplest way to clear cache in Chrome ?

#

Any "hot buttons"?

hybrid bobcat
#

i have cleared it a 1000 times, it does not help! hot buttons? whats that?

small gyro
#

@hybrid bobcat not releated to your question - was just asking about the simplest way to clear in chrome and if there are any shortcuts like ctrl-f5 or similar to do it

hybrid bobcat
#

@small gyro sorry ๐Ÿ˜ƒ

small gyro
#

@hybrid bobcat no worries ๐Ÿ˜ƒ

hybrid bobcat
#

@mild veldt i unpacked the file and now i get a new error message at least ๐Ÿ˜ƒ i put my ui-lovelace.yaml file back and is restarting now.

#

i got the same error when trying to open my panel-iframes, so i unpacked those files to and now i can access them again!

#

ok, rebooted, now i get "Unknown command." "reload ui-lovelace.yaml"

slow wave
#

is there any good way to scale the interface of lovelace ? I have a tablet with a magnet on my fridge, but I can only see two cards at once because the resolution is crappy, our sight is good, so scaling it down atleast 50% would be nice :p

hybrid bobcat
#

Log Details (ERROR)
Wed Jan 02 2019 15:36:51 GMT+0100 (centraleuropeisk normaltid)

Received invalid command: frontend/lovelace_config

minor viper
#

Quick question, which is the way to go with using Lovelace? And which one will be most focused on? Storage mode with Json or the yaml 1.2?

slow wave
#

now that lovelace has the raw editor in the gui and no longer a .yaml file, how does one go ahead and backup that lovelace config ? running on hassbian

split granite
#

It'll be .storage/lovelace

#

Hopefully you're already backing up .storage/ ๐Ÿ˜‰

slow wave
#

@split granite I'm not, is it safe to back it up to GitHub? Anything sensitive in that folder I should exclude?

#

๐Ÿค”

split granite
#

IMO GitHub, if public, is not a backup destination

#

Because, you won't copy anything sensitive there, including large chunks of .storage/ and your secrets.yaml

slow wave
#

Currently it's my primary for the sharing of yamls, but I'm doing a scp script on the side

split granite
#

Yeah, so don't copy anything containing auth or secret in the file name to GitHub

slow wave
#

Yeah,secret and Auth is already ignored

#

So .storage is where Lovelace is stored now, thanks ๐Ÿ˜‚

split granite
#

You'll find that's the place that any Home Assistant managed file will go now

slow wave
#

@split granite now just to figure out if I should do a scp script or do rsync of the whole config folder to both my NASes, and if I have to stop services before backup ๐Ÿค”

split granite
#

You don't have to stop the services

slow wave
#

Perfect

split granite
#

And you do want to use rsnapshot instead of just rsync ๐Ÿ˜‰

slow wave
#

Hmmmmm

split granite
#

do, not don't ๐Ÿคฆ

slow wave
#

Actually never heard of rsnapshot

split granite
#

rsnapshot gives you a history, so you can go back to your config from two weeks last tuesday

slow wave
#

Is it in Deb apt repos?

split granite
#

Probably, I'm pretty sure that's how I installed it

slow wave
#

Awzm

random mantle
#

lovelace looks great but the camera pictures are just icons

#

can i make them bigger maybe

split granite
#

You can either use the custom CCTV card, or make the camera picture a panel

random mantle
#

Tinkerer you know everything ๐Ÿ˜ƒ ty ! im gonna look into that

split granite
#

Not everything, yet ๐Ÿ˜›

random mantle
random mantle
#

ah Thank you !

gloomy raven
#

short question: in the new storage mode (Lovelace) is there a possibility to comment something out in the raw editor like in "normal" yaml.
The reason is, i have a huge .yaml file with many components commented out for later use or understanding.
Thx
Simon

#

i know !secret and !include is not possible, not sure about comments

hybrid bobcat
#

aaarg!! Made a clean install of hassos on a new card. opend lovelace thru dev-info. worked fine. uploaded a snapshot of my old installation. And now im back to zero again. i cant activate lovelace in my old setup..... F*******ck!

split granite
#

If you were using YAML before, did you enable YAML mode @hybrid bobcat ?

hybrid bobcat
#

no. i dont want to use yaml mode, i want to use UI.

#

well yes i did use yaml before, but have never addid it to configuration.yaml

hybrid bobcat
#

well if i could access it to do this: So if you were using Lovelace before 0.84, you now have two options. Option one is to use the new storage mode and import your existing file. You can do this by opening the Lovelace UI and click on Configure UI, this will prompt you to change to storage mode. This will unlock a new option in the menu called โ€œraw config editorโ€. but i cant access it!

#

For the last 5-8 updates i havent been able to access it anyway. today i found out that there were missing chunk.js files in my setup. (i posted about it futher up today).

split granite
#

Check the log file for errors?

hybrid bobcat
#

Now i only get "Unknown command." " reload UI-LOVELACE:YAML"

#

Wed Jan 02 2019 18:03:41 GMT+0100 (centraleuropeisk normaltid)

Received invalid command: frontend/lovelace_config

#

this is all i get in the log

split granite
#

You are on 0.84?

hybrid bobcat
#

yes, 0.84.6

split granite
#

There's clearly a deeper issue somewhere then

#

After you restored that snapshot, did you stop HA, delete the database, and start HA?

hybrid bobcat
#

no

#

when i clicked restore it restarterd by it self

#

this was the issue i found out before ```In chrome i dev tools i get this error message: bootstrap:129 GET https://masked.duckdns.org/frontend_latest/74210f7068b283428136.chunk.js net::ERR_ABORTED 404 (Not Found)
i get that every time i click "Try out the new Lovelace UI (experimental)"
in the site-packages/hass_frontend/ there are two files namned like that, a tar.gz and a chunk,js.map but no file with just chunk.js
All other files in that folder has a chunk.js, a chunk.js.gz and a chunk.js.map
is it safe to extract the .gz?

#

i did unpack the .gz file and that at least got my panel-iframs to work again.

split granite
#

Try deleting the database with HA shut down, see if that clears the problem

hybrid bobcat
#

how do i do that?

split granite
#

home-assistant_v2.db

hybrid bobcat
#

Fuck it! I will do a clean install, thsi issue has been bugging me for several weeks now. i give up and start over agin.

prime umbra
#

@hybrid bobcat make sure you do hard reload to clean browser alot times that does miracles

mild veldt
#

@hybrid bobcat delete .storage/lovelace if you have it

#

@gloomy raven any comments made in storage mode will be lost

hybrid bobcat
#

@mild veldt dont have one...

gilded plume
#

Does someone know of a (custom) card that could reflect a timeline? I now use a variable to store the last motion with three in history but would also like to show that and also show a timeline like:

20:43 Front door opened
20:30 Kitchen lights turned off
20:25 Kitchen lights turned on

mild veldt
#

@hybrid bobcat what environment are you running? venv, hassio, other?

polar kelp
#

v/e/f? ๐Ÿ˜›

#

We'll never get anyone to use that. The ones who have been around long enough to know what it is have been around long enough to not have that kind of problems anymore...

gentle tide
#

Can anyone recommend a concise list of CSS Style attributes that we can leverage within our Lovelace cards?

jade bough
mild veldt
#

@jade bough yes

#

oh wait, no

#

the last part is the script itself kodi_remote

#

the stuff above is shell_commands.yaml

jade bough
#

Oo ok i witll try that thx ๐Ÿ˜ƒ

mild veldt
fathom mantle
#

I have a question that I'm not sure if should go into the homeassistant group or the lovelace group so forgive me if I'm posting in the wrong group. I am starting to work on my first custom control. I'm using the content-card-example as a starting point and have that working. I think I need a way to lookup entities based on node_id. I have an august lock and am using the lock.entity_id generated by the zwave device to access it. Based on that lock entity, I want to be able include the lock entity, and several of the sensor entities on my card. So I need a way of associating the sensor devices and the lock device preferably without adding all the entities to the card in the lovelace file.

#

sorry for the long question.

random mantle
#

im looking for a easy way to replace the default icons

polar kelp
#

With what?

brisk osprey
#

Hi guys. I have a question about the tap action in the iOS app.

#

Its about the tap action setting. On my wifes iphone 5 SE the "on hold" action doesnt seem to work. Is it supposed to be like that?
I have a card that shows active lights. On tap, they turn off, but when pushed, I want them to show details. So that you can dim and so forth.

polar kelp
#

And it works on a computer?

brisk osprey
#

yep and on my android

polar kelp
#

Which iOS version is it on?

brisk osprey
#

but on hers its like it doesnt understand or cares that you hold on the entity

#

oh, thats a hard one @polar kelp ๐Ÿ˜ƒ

#

i would hope its the latest availible on 5 SE.

polar kelp
#

Then it should work...

#

And you have the latest hass version?

brisk osprey
#

ok. Thats good new I guess. I'll haveto look on her settings tomorrow then. Make sure she has kept it updated.

#

Yep Im on latest Hass

polar kelp
#

It might be a bit sensitive to moving your finger while pushing. I don't remember if I got the fix in or not, but at some point it would not register as a hold if you moved even the tiniest little bit.

brisk osprey
#

I see. I just saw I had an error in the log about ios.

#

about the notify.ios platform. "loaded but no devices exists" . Doesnt seem related.

polar kelp
#

Nah. That just means noone has logged in to the ios app with the api password.

brisk osprey
#

ok. Well I'll give her phone another look tomorrow and report back ๐Ÿ˜ƒ Thanks @polar kelp . night night

mild veldt
#

@brisk osprey are you running 0.84.x?

brisk osprey
#

Yes

mild veldt
#

๐Ÿ‘

brisk osprey
#

84.6 I think

mild veldt
#

just making sure, long-press should work for you then

#

if not, thomas might pull out his hair

brisk osprey
#

๐Ÿ˜‚

#

I'll have another look tomorrow

jade bough
#

is tap_action: call-service work?

#

when i run event from dev tools it works but when i try to run it from image card with tap-action nothing happens

split granite
#

Check the format - with 0.84 the format of the tap action changed

rigid horizon
#

Any tips to a noob on how to most cleanly display 3 values (temp, humidity & battery) on a single line or vertically both are ok

wheat current
#

3 template sensors

rigid horizon
#

i get the values, just not sure how to get them to display like i wrote

wheat current
#

Put 3 different sensors in a single entity card and they will show up like this:

[โ—‹] Temp           23
[โ—‹] Humidity       13
[โ—‹] Battery        98
rigid horizon
#

yeah, they do and i find it horribly ugly ๐Ÿ˜ƒ

wheat current
#

okey then

rigid horizon
#

later ppl

hybrid bobcat
#

@mild veldt sorry for late response , I run hassio on a pi3B

woven island
#

Is it possible to create a card (maybe using entity-filter) that automatically includes every entity of a certain type without having to specify them one by one?

mild veldt
#

@woven island google monster card

woven island
#

I saw that in my google searching but the community forum is down so I can't see it

#

Thanks though; I'll look into it once the forum is back

wary sail
#

Hi guys, can I resize the button cards?

remote igloo
#

trying to figure out how to change icon color for entity based on state? ive seen the button card but i don't need a button and i have a three states i would like to check for

mild veldt
#

@woven island itโ€™s on GitHub

#

@wary sail use stacks

white swift
#

I hope this isn't too odd of a question, but does lovelace have a card (or some method) of playing a sound? use case: is to have HA open on my computer in the background in my home office and get a ding or something when an event of interest occurs. Since I would be working in another window, a visual cue is not good enough. And, yes, i can send sound to media devices but am curious on a super simple and reliable solution (and not have to worry if the media device is on)

glass oak
#

I use push (html5) notifications for that kind of stuff

mild veldt
burnt bone
#

Anyone have any good suggestions for where to make a floorplan image for a picture card?

mild veldt
white swift
#

@mild veldt That looks like it is exactly what I wanted.. Thanks! I will try it out this week ๐Ÿ˜ƒ

fathom smelt
#

I saw this in the Lovelace docs, "Just hit the refresh button in the menu at the top of the UI." I don't see that button anywhere. Can someone point me to it?

smoky mulch
#

3 dots next to the bell icon in the top right of the lovelace interface

fathom smelt
#

That's what I was thinking but it just says

  • Unused entities
  • Configure UI
  • Help
smoky mulch
#

I'm configured to use yaml and have it. Are you using the storage method?

fathom smelt
#

I clicked the "set lovelace as the default UI..." in the Developer Tools > About section

smoky mulch
#

if you haven't added anything resembling this to your config, then you are probably using the storage method. It should automatically refresh when you do changes.

lovelace: mode: yaml

fathom smelt
#

That worked, thanks.

slim widget
#

Hiya all. I am having a little issue, not sure how to get it working again. I recently upgraded to a pi3b+ from a 3b. Decided to start from scratch to clean up all of my files, I did however keep a few of the files including my lovelace config file and the www folder and its contents. After doing a cache clear on chrome on my desktop, all of the image files fail to load. I had backgrounds, image files for the presence detection and a couple image files for nightstand lights and fans. Everything worked fine on the previous pie, and nothing has changed in these files. I am assuming for some reason HASSIO is not looking into the www folder for the files. This is how I am calling them via the lovelace setup "/local/noah.png" any ideas? Tried the forums, but they are down again tonight.

#

I should add, I have used the storage method, instead of the yaml

narrow robin
#

@slim widget the only thing is that after creating the www folder you have to restart the server. Then you can use the local folder.

slim widget
#

I have restarted the server about 50 times over the past couple weeks setting everything up on the new pi, I am thinking this is more of an issue with hassio and not lovelace. hmmm. I dont think its recognizing the www folder

#

I did my move from the old pi to the new one just a couple days ago. I never noticed that the images were not loading until last night getting my wifes phone setup

narrow robin
#

have you tried accessing them straight from the web browser?

slim widget
#

I have, I get a 404 not found error

narrow robin
slim widget
#

I just cant track it down. Bit frustrating, everything else moved perfectly except images and now testing my sound files are not accessible either.

#

I do have it all secured through duckdns and lets encrypt, but that never gave me any problems on the last pi

slim widget
#

Well, its late so I am going to hit the bed and worry about it in the morning. Hopefully the forums will back up and I can get a post up. Thanks for the help Lopton, I am sure It will get fixed at some point lol

mild veldt
#

@slim widget check permissions on the files and double check the path.

mint geode
#

Hey, guys, I'm relativley new to Home Assistant, I've set up my lovelace UI now everything works after a few weeks of work. Now I have one question: I've got several Picture-Glance elements (Because my entities didn't fit in one card). I find it pretty hard to see the grey icons on a white Picture in the background. Of course I could modify the icon colour but I rather would like to adjust the colour/opaqueness of the bottom element that holds my entities/switches for my picture glance Element. Is there any way?

polar kelp
#

No, sorry.

mint geode
#

How can I turn this into a feature request?

split granite
#

~forum

kind shellBOT
split granite
#

There's a Feature Request section there

mint geode
#

ok, I found people with similar issues, thanks for the help.

split granite
#

For what it's worth, I simply tweaked the image to darken the area that matches the element bar

mint geode
#

Yes thought about that as well

#

But that doesen't help the problem imo

split granite
#

No, but it's a work around for now

mint geode
#

Another question: Is it possible to configure different layouts for Mobile/Desktop? I could use the screen more effectively on a desktop then on my mobile device. If I open the web page on a desktop everything ist in one "column" and the screen width doesn't get used fully. On mobile it looks fine due to the much lower screen width.

split granite
#

Not really, Lovelace will auto-flow to fit the size of the window, if you don't use any of the horizontal or vertical stack cards

mint geode
#

ok, one last question: I've got a few mdi icons that don't show up in the frontend. They aren't too new, so I don't know whats going on. Examples would be mdi:alpha-s-box-outline or mdi:radio-fm

hollow frigate
#

I just updated home assistant to 0.84.6 and now my lovelace shows all my devices on a single start page. How do I get the old one back?

split granite
#

Did you read the release notes?

hollow frigate
#

no?

gentle tide
#

lol

split granite
#

Always read the release notes

hollow frigate
#

okay (im pretty new to ha)

gentle tide
#

Linux/OSS - Some reading required.

#

OSS = Open Source Software

split granite
#

Upgrading any platform == read the release notes

hollow frigate
#

Thanks

split granite
#

Particularly important with Home Assistant, because it's normal for there to be breaking changes. If you don't pay attention you will break your system

mild veldt
#

anyone have any good custom card ideas? Need some inspiration

mint geode
#

A custom markdown card which can iontegrate sensor states/values, there is one around but it looks terrible while initializing

hollow frigate
#

I dont understand how to "open Lovelace UI and click on Configure UI" in 0.84.6. Anyone know how?

mint geode
#

On the top right corner there are three points (menu button), click them, you will find the menu entry

hollow frigate
#

thanbks

mint geode
#

Can anybody help me with my icon-problem mentioned above? I looked on google but I diodn't find anything useful other then checking if the icons are too new for the HA release, which they sholdn't be.

mild veldt
#

@mint geode why would I make a new one when useful-markdown-card exists? I don't use it, but if there is issues while it is loading it would make sense to submit a PR or log an issue; not a rewrite

mint geode
#

Sorry, I'm relatively new to HA/Github/everything really

mild veldt
#

I would suggest going to the github repo for the card and logging an issue explaining what you see as a bug

mint geode
#

Will do.

#

@mild veldtWhat about a colour wheel for lights? Like on the Lifx app?

mild veldt
#

I don't have colored lights, so not too intriguing... ๐Ÿคท

mint geode
#

Would be a good reason to get some ๐Ÿ˜‰

split granite
#

Custom cards like that could be pretty sweet

mild veldt
#

@split granite is that really that different than what we already get from more-info in a long-press minus perhaps the look?

kind shellBOT
#

Tinkerer is away for 3m 30s with a message :point_right: ๐Ÿ• ๐Ÿ” ๐Ÿ ๐ŸŸ ๐Ÿฐ ๐Ÿป

mild veldt
#

I was thinking that we should update the media player to look similar to the thermo/light cards which is pretty much the google home app

mint geode
#

what about a virtual remote card?

mild veldt
#

you can do that pretty easily with picture-elements or just entity-button in stacks

mint geode
#

Yes, but thats relatively complicated, if you just had a virtual "Logitech Harmony"? That would make things a lot easiser

#

I dont't know how complicated that would be, for volume you colud call the services of the remote, just add a list of all the activities and basic navigation buttons

wheat current
#

IMO That should not be a default card, defaults should be clean and simple, it would be quite "easy" to make a custom card for it, but picture-elements does the same job pretty well ๐Ÿคท

mild veldt
#

@wheat current I was asking for custom card ideas, but I agree, sounds messy

#

With the UI editor evolving these things will become easier to configure over time as well

mint geode
#

ok

split granite
#

@mild veldt I think the nice thing about the way that Google does it is that they're more obvious to use

#

It's less obvious that you get different features if you long press, or hold, or ... ๐Ÿคท

mild veldt
#

I see what you're saying and could that being applied to things like the light card, I guess

#

But most places that employ the tap/hold actions are focused on quick views of data, e.g. an icon

#

I guess anywhere we have a domain card, this could be applied to some extent

#

possibly

split granite
#

True

mild veldt
#

but that's really only media/light/thermo at this point

split granite
#

So... crazy thought...

#

How about a "room" card

#

Where you have a selector in it for the room, and it shows you the cards/entities for that room

#

Yes, kind of like a tab, but without actually a tab ๐Ÿคท

mild veldt
#

in a dialog?

split granite
#

(spit-balling based off the areas idea in the arch repo)

#

Dialog, or a dropdown (like an input select)

wheat current
split granite
#

But without the click through, so you can pick the room from the drop down, and get just that room

#

That said, that's sweet

mild veldt
#

@wheat current that's essentially views with navigation applied, right?

wheat current
#

correct

split granite
#

Their cards look like they work well on tablets and phones - not as pretty as Lovelace ๐Ÿ˜›

mild veldt
#

@split granite so a dialog based on a click could already be accomplished using thomas' popup card, but it would be a manual effort

#

But once we actually have rooms in our devices I imagine that it would be a trivial manner

wheat current
#

areas*

split granite
#

room ๐Ÿ˜›

#

We also could do with a suitable card for cover, and fan. The fan's probably not that different from the light card

small gyro
#

Is there a Lovelace Gallery Thread in the forum? Or should I make one? ๐Ÿ˜‰

wheat current
#

Category: frontend

#

"Please use this category for all frontend-related topics. From Lovelace to your own modifications."

mild veldt
#

@split granite we plan to have a card for each domain (where it makes sense)

split granite
#

Yeah, but that's "then", you asked for some ideas for now ๐Ÿ˜›

small gyro
#

@wheat current what about - Share your Projects!
Show off the cool projects, automations and configurations you made with Home Assistant! Category Lovelace & Frontend :p

mild veldt
#

true, but I don't want to make a custom card for something that makes more sense for core ๐Ÿ˜ƒ

#

we just need to get this ui editor out of the way so I can start adding features again

split granite
#

Why not run a poll on the forum, or get a suggestion thread going?

mild veldt
#

sounds like a lot of work...

split granite
#

Ok, it'll be 80% junk, but there will be some good ideas that turn up

#

Five minutes to post, and come back in a month ๐Ÿ˜›

mild veldt
#

I'll have @wheat current do it

#

@wheat current what do you think about having the ideas housed in the custom-card repo?

#

I'll post to the forums, but ideas get easily lost in a long thread

wheat current
#

guessing you are thinking of the information repo?

mild veldt
#

yes

wheat current
#

sure, sounds good ๐Ÿ‘

#

you are admin there?

mint geode
#

If you eventually get into coloured lighting, please look into the colour-wheel card idea, I think it would look great (Maybe use the gauge-card for visual reference?)

mild veldt
#

@mint geode you can be the first to submit an idea to the repo ๐Ÿ˜ƒ

mint geode
#

Well I could but you said you don't have any bulbs to play around with

mild veldt
#

I'm not the only one who makes custom cards

mint geode
#

But if you don't mind I'll do

wheat current
#

To this point ther has been 3 notifications ๐Ÿ˜›

mild veldt
#

That repo is a shared repo/group

mint geode
#

First i need a Github account

copper mural
#

In a picture-elements-card, if I want to use icons that represent if a light is on or off. Can anyone share code that make this possible? I dont get it to work, my icon is only the same color ๐Ÿ˜ฆ

mild veldt
mint geode
#

@mild veldtSorry for the silly question, but should I write the comment under issues?

mild veldt
#

Yeah, should probably make a template for FR vs Bugs

#

@wheat current can we steal the template from custom-components?

#

@wheat current awesome but so small ๐Ÿ˜ฆ

copper mural
#

@mild veldt I've seen that page, but it dont help me enough to understand how I should write the code :/

split granite
#

Hah, you got there just before me

wheat current
#

"steal" what you can @mild veldt

mild veldt
#

that was a prompt for you to do it for me ๐Ÿ˜

copper mural
#

@mild veldt There is no code example for the icon-stuff either :/

mild veldt
mild veldt
#

@split granite "soon" is trademarked. don't you dare try to use it without...I'll call the police

copper mural
#

@mild veldt Im blind. Thats also a quality ๐Ÿ˜‰

split granite
#

Sadly, too damn wide to make a decent emoji that easily

mild veldt
#

(โ•ฏยฐโ–กยฐ๏ผ‰โ•ฏ๏ธต โ”ปโ”โ”ป

split granite
#

I can fix that, shortly ๐Ÿ˜‰

mild veldt
#

we're all counting on you

vapid field
#

Hi! Does anyone know if I can show the SMHI weather component as a card in lovelace? I've tried using a card and the weather-forecast as type, but I don't get it to work

polar kelp
#

That should do it.

#

Show us your config and the errors you get.

copper mural
#

I cant set the size of a state-icon ?

mild veldt
#

@vapid field what version are you on? there was a bug at one point

#

Should have been fixed in 0.84.3

vapid field
#
  • title: Weather
    cards:
    - type: weather-forecast
    title: Weather
    entities:
    - weather.smhi_home
mild veldt
#

~format

kind shellBOT
#
:information_source:
Format Code:

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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

mild veldt
#

and edit previous

polar kelp
#

Check the docs again

#

@copper mural Sure you canyaml style: --iron-icon-width: 100px --iron-icon-height: 100px

mild veldt
polar kelp
#

Or rather, not supporting entities.

vapid field
#

@mild veldt Ok, I'm using 0.82.1 and I thought that the smhi component was a weather entity

polar kelp
#

Nor title

mild veldt
#

yes, thanks thomas

copper mural
#

@polar kelp Thanks. The problem is that the icon looks good at the computer (which use panel: true). But on the phone the icon being kinda big :/

mint geode
#

Who decides what becomes a lovelace default and what stays custom?

mild veldt
#

someone has to submit it to the UI repo before it can be considered for core

mint geode
#

ok, I've seen the slider card recently and I was wondering why that wasn't in core

mild veldt
#

but a general rule is that core is for just that, core functionality. i.e. domain cards, organizational cards. one-off cards for a specific device type or service will not make it into core

split granite
#

Sadly, that's as good as it's going to get :(
soon

polar kelp
mint geode
#

@polar kelp No I've seen something different, give me one moment

mild veldt
#

I don't trust anything that @winter hollow guy does

#

@mint geode I wouldn't be surprised if Bram brought it into core at some point, but some things are just better as custom cards. You can go option-crazy with them, put out new features instantly, users can edit them to work how they want them to work pretty easily

#

Where as a core card, is what it is

mint geode
#

Ok, fair enough. But is my assumptiuon wrong that once lovelace is default, changes to the core cards are mostly non existant? In contrast to custom cards which (at least I would assume) can break/be changed with future releases of HA?

mild veldt
#

No, not by any means

mint geode
#

Ok, so my custom cards will never break?

mild veldt
#

I won't make that promise, but imagine we will not do so (on purpose)

#

But things like the UI Editor have shown that there are perhaps some bad practices in custom cards that are making them difficult to use. e.g. the custom button-card is not editable

prime umbra
#

@mild veldt will we have a better handle in how card fit when resizing windows etc...?
here is a esemple
https://imgur.com/udK6KM1
if you notice when editing the card looks perfect but look on right side how the card displays

mint geode
#

I haven't got time to get into the UI Editor yet, still using yaml mode. Trying to change over to storage on the WE.

prime umbra
#

sensors values are gone from it

#

and that is not even a resizing windows

#

need to off set the values and try to get them to get in places you want

mild veldt
#

the UI editor is evolving, that's about all I can say on that. Obviously we want it perfect, but that doesn't happen overnight

prime umbra
#

ya i know mate, you guys are roxing

#

great job in last months

mint geode
#

@mild veldt Yes I understand and I don't wanted to make any critism. I found out about HA about 4-5 weeks ago and I'm still amazed about everything I can do with it. I was alwas looking for some sort of way of bringing all of my smart home stuff together into one app. Really amazing work you guys all put in.

split granite
#

Just wait until 6 months has gone by, and you realise that the pace hasn't reduced at all, and there's still new things turning up

blazing nacelle
#

Hello

#

@split granite Are you using Lovelacea and have added a custom card?

mild veldt
#

@split granite HA will actually be 100% complete in 5 months

split granite
#

@blazing nacelle Yes, and yes, but not created one

#

@mild veldt And at that point ya'll will move on to fixing the 8 billion bugs then ๐Ÿ˜›

blazing nacelle
#

For some reasons my customer slider card is not working

split granite
#

(runs for cover)

mild veldt
#

We'll have a new UI to start developing

blazing nacelle
#
{
  "type": "custom:slider-entity-row?v=1"
}```
mild veldt
#

That way we can just keep ignoring bug reports

#

๐Ÿ˜ƒ

#

@blazing nacelle don't include the ?v=1 in your type

blazing nacelle
#

I have added the following lines in ui-lovelace.yaml

#
  - url: /local/slider-entity-row?v=1
    type: js```
mint geode
#

@mild veldt funny ๐Ÿ˜‰

blazing nacelle
#

oh

split granite
wheat current
#

remove ?v=1 from the type @blazing nacelle

mild veldt
#

i already said that...no one listens to me

blazing nacelle
#

Oke will try

wheat current
#

I find your nickname disturbing so I rather not read your messages @mild veldt

split granite
#

But, he has pretty stars

mild veldt
#

my sparkles are the best

wheat current
#

case and point @split granite ...

mild veldt
#

You should try it
๐Ÿ’ฉ @wheat current ๐Ÿ’ฉ

#

Ian pats himself on the back

split granite
#

Must. Resist. Abusing. Mod. Power

wheat current
#

fine.....

mild veldt
#

fail

#

so hard

wheat current
#

now then?

#

nope...

mild veldt
#

this is hard to watch

mint geode
#

๐Ÿ˜‚

mild veldt
#

waiting for @wheat current to deliver

split granite
#

He's trying ๐Ÿ˜›

wheat current
mild veldt
#

@split granite will give you one more warning

split granite
mild veldt
#

lmao

blazing nacelle
#

Hmmm still not working.. I only have to place the .js file in config /www directory right?

mild veldt
#
resources:
  - url: /local/slider-entity-row.js?v=1
    type: js
#

.js

blazing nacelle
#

oh

#

and in the the gui i dont have to use ?v=1

mild veldt
#

in the type, of the card, no

blazing nacelle
#
entities:
  - type: 'custom:slider-entity-row'
title: Test```
#

Like this

violet talon
#

can someone remind me how to clear my cache in chrome for a specific site? ๐Ÿคฆ

prime umbra
#

@wheat current would love to see you custom component updater work with storage
you can have a ui-lovelace.yaml doing the trick but the raw config editor will not show versions updated on it, even knowing they have update

wheat current
#

That will not happen

violet talon
#

I tried inspect > application > clear storage, but I'm still getting an error that I've since fixed and that doesn't happen in incognito

prime umbra
#

cause is impossible to make it happen?

wheat current
#

no, i'ts quite possible.
But.. at that point there will be a third party tool changing around in .storrage files.
Home Assistant should be the only tool to mess around in there.

blazing nacelle
#

and ```type: entities
entities:

  • type: 'custom:slider-entity-row'
  • light.test_xxx
    title: Test xxx```
prime umbra
#

ya i get it but is a shame cause your component is a great tool to keep you updated with new versions available other then go time to time to all gits trying to see if there is updates

wheat current
#

You could try to make it compatable, and make a PR to get it included in HA.
@mild veldt would like that, but I'm not doing it ๐Ÿ˜ƒ

prime umbra
#

ill be hopping you change your mind , you have a great tool there, it should make part of HA, makes no sense not to be part of HA

mint geode
wheat current
#

Sadly I will not @prime umbra

polar kelp
#

Finally an update to lovelace-gen!

#

BREAKING CHANGES! (If you used the !resource directive or the experimental state templating)

blazing nacelle
#

@split granite It doenst matter were i put resources in the ui-lovelave.yaml right?

#
  - url: /local/slider-entity-row.js?v=1
    type: js```
#

this one

polar kelp
#

You mean before or after views for example? No, it doesn't.

split granite
#

I don't think it matters, but standard practice is to put it at the start

blazing nacelle
#

Its now:

#
icon: midi:home
views:
- title: Thuis
  theme: dark-mode
  cards:

resources:
  - url: /local/slider-entity-row.js
    type: js```
#

and ?v=1 really needs to be included?

split granite
#

It means that when you replace the card with an updated version, you can bump to v=2 and the new card will be loaded

blazing nacelle
#

oh oke

split granite
#

So, not really, but you'll regret it if you don't ๐Ÿ˜‰

polar kelp
#

It's required if you wish to use the custom-updater

blazing nacelle
#

Nah testing it why i cant find the card

#

WIll deal with that later ๐Ÿ˜›

#

Hmmm

#
Expected a value of type `{entity,name,icon} | entity-id` for `entities.0.type` but received `"custom:slider-entity-row"`.
Falling back to YAML editor.```
cedar girder
#

is it possible to create picture_glance card without any entities?

#

or any other card which will show camera pseudo-live footage without need for adding extra entities?

polar kelp
#

Tryentities: []

prime umbra
#

you not calling the card, how to find it

polar kelp
cedar girder
#

@polar kelp cheers, [] works

blazing nacelle
#

@polar kelp you meant me?

#

Oh

#

oke

#

๐Ÿ˜ƒ

cedar girder
#

@polar kelp this should be included in the documentation ๐Ÿ˜ฆ

mild veldt
#

@cedar girder submit a pr

cedar girder
#

actually im trying to figure it out right now ๐Ÿ˜ƒ

#

how to make a PR

prime umbra
#

@blazing nacelle you using ui editor?

mild veldt
#

@blazing nacelle just means there is not a ui editor for the slider entity row yet. You wonโ€™t find any custom cards that support the ui editor yet

prime umbra
#

just click add card and then skip exisitng cards

#

and paste

type: 'custom:slider-entity-row'
entity: light.your_entity
polar kelp
#

@mild veldt Is it even possible to add ui support for custom cards yet?

#

Wait. If the answer is yes; lie to me. I need to sleep tonight.

mild veldt
#

It is not yet

#

Rest well

polar kelp
#

Thought so.

torpid cypress
#

When will Lovelace become the default UI? I imagine it will be soon?

mild veldt
#

0.85

undone egret
#

@mild veldt it better be right ..... will be my first time

mild veldt
#

...I had nothing to do with Lovelace ๐Ÿ˜‰

remote igloo
#

Figured i would try my question 1 more time, Is there way to do custom icon colors based on entity state in Lovelace ?

#

or should i just focus on writing a custom card ?

#

entity state = x then green icon , entity state = y then yellow , etc etc

remote igloo
#

i saw that but i needed something other that active and not active

#

also i am not using the picture elements cards, it was a bit overkill

mild veldt
#

not possible otherwise, unless someone figures out a smart workaround. I wouldn't try to write a custom card, and would suggest adding a feature request to the ui-schema repo to allow for state-filters on icons

remote igloo
#

do you happen to have a link for ui-schema repo

mild veldt
remote igloo
#

thanks literally just pull the link on google

remote igloo
#

Did you do that in the customize yaml ?

mild veldt
#

Don't remember, but if I did, it is not the way it should be done

#

I think I ended up using state_image actually

#

And just making my own icons

#

I've scraped all that stuff since

remote igloo
#

lol true, yeah thats what you said. i was trying to customize the icon color using template in customize but i could never get it to work

#

in and out of lovelace for that matter. I think the communicty post stated using custom ui but didn't want to go down that path at this point

mild veldt
#

yeah, not recommended

#

submit a FR. I have a vague idea of how I would implement it generically so that all icons could use it

remote igloo
mild veldt
#

I understand

remote igloo
#

at the bottom it's state - value color

#

ill post the feature request with that reference . Thanks

mild veldt
#

I don't like that format for the options, but agree with the desired result

remote igloo
#

what would you suggest ?

supple acorn
#

Is anyone else having trouble using the upcoming-media-card?

mild veldt
#

@supple acorn are you seeing errors?

balmy shore
#

hi all, I am really tired and want to fix one issue before calling it a night

#

I am trying to implement vertical stacks

#

no matter where I put - type: vertical-stack

#

I seem to break lovelace

strong sable
#

Hi all, wonder if any of you can help me.
On my phone's, when we open the Lovelace UI the page always refreshes. Is this necessary?
It makes for a poor experience if the page refreshes every time I open the page (as an chrome app)

split granite
#

@strong sable That's likely a phone issue, with it not having cached that app.

winter leaf
#

I'm trying to have 3 gauge cards in the slideshow card.
The problem is that I only can see one of the gauges, the 2 other doesn't show..

Can you guys see the problem?:
https://paste.ubuntu.com/p/kM9HCjQtHg/

split granite
winter leaf
#

Yes, that one.

split granite
#

auto_play boolean Optional Option to turn on/off auto switching of the cards, Default: false

#

You're looking to manually switch?

winter leaf
#

Yes.

#

I can switch, but the gauge is "empty"

split granite
#

I'd probably ask on that thread then, since it's a custom card

winter leaf
#

Alright!

heady ermine
#

Hello, I have two input booleans, and I'd like to see single switches and a master switch in the card.
Is it possible ?

#

My bad: I used "glance", instead of "entities"! ๐Ÿ˜ƒ

slow wave
#

is there any change in how a button operates in later releases, tried to implement some buttons for my xiaomi vacuum, they do nothing, but long pressing them sends me to the action screen of the vacuum https://pastebin.com/Zcjw9Dqs

split granite
#

@slow wave Yes

#

Read the changelog for 0.84

#

(Which you should be doing when you upgrade anyway ๐Ÿ˜‰ )

slow wave
#

you and your damn changelogs @split granite ๐Ÿ˜›

split granite
#

I know

#

Anybody would think they contained useful things ๐Ÿคท

slow wave
#

I thought they mostly were the ramblings of a madman

split granite
#

That too ๐Ÿ˜‰

slow wave
#

but I also thought I had checked them ๐Ÿ˜„

wheat current
#

they are

split granite
#

If things break on an upgrade then 100% of the time it means you weren't paying attention