#frontend-archived

1 messages · Page 59 of 1

clear vale
buoyant skiff
#

geez pasting links over and over doesnt really help

wheat current
#

I know how it's supposed to look, what is not working for you?

clear vale
#

no

buoyant skiff
#

ok

mortal cape
#

lol

buoyant skiff
#

@mortal cape like the new transmission card ?

#

remade the layout so it doesnt break that much on various resolutions

mortal cape
#

looking good. actually made me wonder if you had some thing going where the background image changed depending on some other state

buoyant skiff
#

that would be fun to try 😛

#

that what would requier some js i guess

#

would be pretty cool to do a .apng weather card

sinful haven
#

in lovelace - are imports of yaml file possible?

buoyant skiff
#

using the animated png as state and as a wallpaper

#

no

sinful haven
#

so I can divide main config to smaller ones?

buoyant skiff
#

is the answer

#

its one file

split granite
#

No, there are no includes supported @sinful haven

sinful haven
#

thank you

buoyant skiff
clear vale
split granite
#

You need to tell us what the problem is @clear vale

#

Posting your config and asking if we can see a problem, without knowing what the error/issue is, isn't going to get you much response

frosty pelican
#

@clear vale make sure you add the file as a resource

#

err

#

version is off it seems

#

but also what @split granite said 😃

clear vale
#

looking in the logs ... its not showing up

mossy gale
#

Icon is there and happily turns fan off/on, but image remains default

wheat current
#

@clear vale what is not working?
Do you not see the card?
Is it there, but not containing anythin?

clear vale
#

nothing showing up

#

I had entity: alarm_control_panel.home but I see my alarm name entity: alarm_control_panel.home_alarm am rebooting to see if that was the problem

#

what what happen when U copy and paste

#

That was not it

#

I don't see nothing in the home-assistant.log logs for lovelace

wheat current
#

Look at dev-console in your browser

rocky merlin
#

Guys! First of all, I searched the docs and it states I can do custom card for lovelace in the framework of my choosing 😃 . I wanna start make some custom cards and I wanna know what you recommend. I am thinking about learning Polymer as base of my cards. Should I go the LitElement route? It seems like the recommended aproach or another way that more in line with lovelace architecture? Would be greatful if you gave som advice. Thanks!

clear vale
#

@wheat current nothing is there

mossy gale
#

Does it matter if my fan is running off a Sonoff, and that state 'on' or 'off' isn't being recognised in my card

#

toggle is working fine though

hardy zealot
wheat current
#

@clear vale using /lovelace and not /states ?

hardy zealot
#

Good one @wheat current!!!

clear vale
#

@wheat current what do you mean?

split granite
#

It seems pretty obvious @clear vale - you are using the new Lovelace UI, not the old UI?

#

After all, you don't need to restart anything with Lovelace

wheat current
#

Nevertheless one should not use custom/experimental stuff without some basic troubleshooting experience, using that kind of stuff usualy require some form of thinking

tender wasp
#

@rocky merlin I would go the lit element route or just extend HTMLElement like marius does with his cards. There are some other frameworks out there for building web components, but you may have issue integrating them into lovelace (Angular Elements doesn't work so steer clear of that for now)

north spear
#

Use lit for compatibility or just plain custom for no need of external libraries

rocky merlin
#

@tender wasp @north spear thanks guys, thats what I thought. Was just making sure I dont take a route that I will regret later on.

north spear
#

Only edge and ff are missing out plain custom

#

And ff works (kind of) with flags

frank garnet
#

@buoyant skiff Where do you get the weather icon for your greeting card?

buoyant skiff
#

yahoo

#

but you can change the outside sensor to any source that you want

north spear
#

And I think edge users should not use custom cards

buoyant skiff
#

noticed that i got a small css mishap on the greeting card where the calander goes off screen on smaller res

#

will fix that

north spear
#

If they chose the browser, maybe they should stick to defaults and core only

buoyant skiff
#

anyways im out 😄

#

.away sleeeep

kind shellBOT
#

Toast is away! sleeeep :wave:

frank garnet
#

Can you share your updated template sensors for the greeting card?

mossy gale
#

next step to mount them all onto a background if possible, and then have several colour gradients depending on season (e.g 25 in summer is in orange zone as too hot in the house, in the winter more nearer the green zone if that makes sense)

sinful haven
#

yeah, the lovelace change a lot

mossy gale
#

@sinful haven have you made anything good with it so far?

sinful haven
#

no, just had few minutes to try it today

#

and now migrating my panels to it

#

deleting groups etc. 😃

mossy gale
#

i only started last night

sinful haven
#

but also found gauges etc... so nice

mossy gale
#

i used dale3h wonderful script

sinful haven
#

me too, but soon after it i started improving everything 😃

#

and delete groups as they are not needed anymore

mossy gale
#

got my content in so i can see everything, now i am adding new ones to customise

#

i was try to get one of the images to change when i turn the fan on/off, just cant seem to grasp what im doing wrong with it

#

so the gauges and battery bar saved me from throwing me keyboard at the screen

sinful haven
#

battery bar you mean the 0-100% one?

#

i didn't try on/off yet with images tho

#

only floorplan

mossy gale
#

yes, custom:bignumber-card

#

using it to display all my sensor battery values, all the code I had in my configuration.yaml to change icon state based on % is no longer needed with that

#

only done 1 so far as a test

north spear
#

You could use monster and get all batteries with 1 setup

#

Maybe I should allow monster to load bignumber and gauge cards

mossy gale
#

oh really, let me look at that

#

sorry, first 24 hrs with Lovelace, so Evernote'ing everything i pickup as I go along

north spear
#

I’ll have a look tomorrow to allow custom cards with monster filtering

mossy gale
#

@north spear wow, that Monster card looks the dogs danglies

#

so i can filter all battery sensors into the card in one go, im giving it a go now

empty heath
#

@north spear Would it be possible to use a resource to monkey patch monster filters into all other cards?

north spear
#

@empty heath You can already use monster with any builtin card that takes an entities list

#

But i think it needs a bit of change to allow custom cards

#

Or single entity cards

#

But doable

#

Maybe a combination with the custom vertical card from @frank garnet

white ibex
#

Hmm, i'm not sure i'm doing this right, trying to get a batteyr status card working for my sensors, it should be an entity with secondary_information set?

#
  • entity: sensor.bedroomenv_temperature
    secondary_info: battery
#

is what i have

#

but its just showing the actual temperature :/

serene sierra
#

@wheat current im having errors when trying to update custom cards tracker-card.js?v=0:96:58 Uncaught TypeError: Cannot read property 'replace' of undefined

sinful haven
#

if i have 2 gauges in horizontal-stack

#

how can I give them together a title?

#

defining 'title' before cards: dont work

mossy gale
#

you also need to add the js files into the lovelace yaml file as a resource

#

@sinful haven i have 4 together, no title... interested to hear any replies on that one

sinful haven
#

I would love to just 'group' them together to be honest 😃

white ibex
#

Oh, hmm, your battery is an actual value, mine is an attribute of the temperature

mossy gale
#

you can do that too

wheat current
#

@serene sierra make sure you have the latest card and component

mossy gale
#

take a look at the examples in the monster-card info

serene sierra
#

@wheat current thank you find what was wrong!

mossy gale
#

you can filter on attributes too

white ibex
#

Ace, now i have to figure out how to install monster card 😄

mossy gale
#

you running hassio?

white ibex
#

Nope

#

docker

mossy gale
#

do you have a config folder etc

white ibex
#

yeah

mossy gale
#

so in Hassio you create a www folder within config

#

then place the monster-card.js file in there

#

im guessing its very similar for Docker?

#

get the file from Github and create a new file in the www folder called monster-card.js, paste js from github into it

#

then just add the following lines in the lovelace yaml file...

#
resources:
  - url: /local/monster-card.js?v=1
    type: js
#

job done 😃

#

/local is the same as www

#

im no expert, 24 hrs ago i knew nothing about using Lovelace, but happy to share my experience thanks to help from many people here today

white ibex
#

Thanks @mossy gale

#

Doesn't look like the www thing is working - might look at moving to hassio's docker container directly

mossy gale
#

oh, i think if you ever change the js file for a newer version you have to change the ?v1 to ?v2 etc etc

#

yes, not sure how that works in your environment

#

as long as it can be accessed I guess its not the end of the world where it is??

sinful haven
#

i think I've found solution: panel:true and use markdown... will test

mossy gale
#

ah!!!!

#

good man.. i wait with baited breath

serene sierra
#

can i use - type: horizontal-stack inside - type: custom:vertical-stack-in-card cards:

white ibex
#

Aha, needed to restart the container

serene sierra
#

im asking because im facing that error /local/vertical-stack-in-card.js?v=0.0.1:39:67 Uncaught TypeError: Cannot read property 'style' of null

mossy gale
#

DrZzs or BurnsHA need to make a YouTube video for Lovelace

wheat current
#

Not yet

serene sierra
#
      - type: custom:vertical-stack-in-card
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:bignumber-card
                title: ' '
                entity: sensor.time_12h_format
                scale: 18px
                from: left```
wheat current
#

Lovelace is changes a lot from versjon to versjon, would be out og datert fast

mossy gale
#

@wheat current fair point

sinful haven
#

hm... if I declare panel:true, I cant use multiple types as cards

#

two horizonstal-stacks - only first shown

#

oh: "This renders the first card on full width, other cards in this view will not be rendered. Good for cards like map, stack or picture-elements."

#

well

mossy gale
#

i tried that and had same issue

sinful haven
#

lol I just wanna group some stacks.. 😃

wheat current
#

Use horizontal stack in vertical stack with panel true

sinful haven
#

hmmmm?

mossy gale
#

@white ibex how u getting on??

sinful haven
#

two stacks in each other?

wheat current
#

Should work

white ibex
#

I've managed to load the custom card, trying to ifgure out how to force it to display an attribute instead of the value

sinful haven
#

it does!

wheat current
#

: 👌

sinful haven
#

lol, thank you @wheat current , now gonna just configure it

mossy gale
#

@sinful haven be interested in the output

serene sierra
mossy gale
#

@white ibex I need to do the same with my BMW sensors, as the lock one has attributes for all the windows/boot/lid etc

#

that looks great @serene sierra

white ibex
#

I'll probably just end up adding a new sensor for the battery if i can't figure out any other way

serene sierra
#

when im trying to stack more then 5 bignumber-card or something like that i have problems with positioning cards

sinful haven
#

@mossy gale as @vapid field wrote: define whole as 'panel: true', first card is 'type: vertical-stack' and in 'cards' u define what you want. I used 'type: markdown' for header

mossy gale
#

@sinful haven would u be happy to hastebin your efforts?

sinful haven
#

its 'electricity' and 'heating' group

#

trying to embed image here lol

mossy gale
#

ah ha... cheers 🍺

sinful haven
#

dunno how

mossy gale
#

me neither, think you have to use something like hastebin for images

sinful haven
#

looks like this

#

it's not exact 'group' as imagined, but looks ok

mossy gale
#

thats better than a massive one in the middle 😃

sinful haven
#

the only problem now is how it looks on mobile

#

the gauges overlap each other

mossy gale
#

here's mine, need to implement your suggestion

sinful haven
#

two gauges with 35px scale fits on mobile

#

three with 20px

mossy gale
#

you are on iOS i assume

sinful haven
#

android, chrome

mossy gale
#

ah ok, i hope the android app arrives one day

sinful haven
#

dont use app, only web interface

mossy gale
#

me too, there isnt an official app is there, only on Apple

sinful haven
#

i don't really like apps, especially that I use sophisticated authorization on entry 😉

wheat current
mossy gale
#

i dont allow remote access, VPN in to access it

#

@wheat current thanks! Didn't know that existed

kind shellBOT
#

Ludeeus is away for 44s with a message :point_right: ```
When Life Gives You Questions, Google has Answers

<https://www.google.com/>
mossy gale
#

installed, does the job

empty heath
#

@mossy gale Please remember that the Android app is not official, and has the potential to introduce unknown issues that will not be supported by the Home Assistant organization.

mossy gale
#

@empty heath yes I understand that. Theres one on the Play Store, but its not that good.

sinful haven
#

in my opinion webapp doesn't miss a thing

empty heath
#

I’m with @sinful haven , with the exception of location tracking.

sinful haven
#

yeah, I don't use tracking thats why I didn't notice that :_)

empty heath
#

The two features I like about the iOS app over the web app are 1) location tracking, and 2) push notifications.

mossy gale
#

its an iphone vs Android thing, mate at work wont let it drop he has an app and i dont, as we are always doing the "mine is better than yours" routine

#

agree for notifications

sinful haven
#

for push notifications I just use the html5

#

works well

empty heath
#

On Android you can use HTML5 notifications, I think.

mossy gale
#

i switched to pushover today, from pushbullet. Not received a single message since 😃

sinful haven
#

have you tried html5?

mossy gale
#

no

sinful haven
#

it's native in android, requires to have SSL-ed hass outside available tho

#

they are nice as you can embed image or actions to the notifications

mossy gale
#

nice!

empty heath
#

I use Pushover and Telegram.

sinful haven
#

liek "Light X is turned for 4 hours already" and embed "Turn off" action to it

mossy gale
#

sweet!!!

#

do u need to define a device on pushover to push to within HA ?

#

i need to install SSL again, last attempt saw the end of my access to HA

#
- alias: Monitor Front Door Open
  trigger:
    platform: state
    entity_id: sensor.front_door
    to: 'open'
    from: 'closed'
  action:
    service: notify.pushover
    data:
      message: "Front door is open"
      title: "Front Door Open"
#

That's my setup @empty heath

kind shellBOT
#

dale3h is away for 1m 19s with a message :point_right: two weddings today...I was only able to make it to one. The other is in Mexico... @wheat current said he’ll answer any questions you might have, Home Assistant related or not!

mossy gale
#

api / user key all correct in secret.yaml file

#

not a single message

#

right i am off for some 😴

#

thanks everyone for help given

sinful haven
#

cu

#

gnight

mossy gale
#

night m8

serene sierra
#

how can i change Media Control Card visibility in UI?

#

for changing active media player with source button

serene sierra
#

i mean i cant use templates here anymore and monster card works well but break card arragments

#
          - type: horizontal-stack
            cards:
              - type: custom:monster-card
                card:
                  type: media-control
                  entity: media_player.samsung_tv
                filter:
                  include:
                  - entity: media_player.samsung_tv
                when:
                  entity: input_boolean.samsung_tv_livingroom
                  state: 'on'
long cosmos
#

is there a way to reverse an icon? i have the 'mdi:video' but it's pointing the wrong way.

tender wasp
#

@long cosmos on a picture-elements card?

long cosmos
#

It's not hugely important, just didn't know if there was some styling method to reverse/flip horizontally the icon. I don't speak the CSSs, JSs, or HTMLs

tender wasp
#

add transform: scaleX(-1) to your styles

long cosmos
#

Worked like a champ. Thanks much.

rocky merlin
#

Anyone noticed a red box with some error message (think it says custom element dont exist) a blink of a second before the custom element shows?

subtle rune
#

@rocky merlin yup

buoyant skiff
#

morning

buoyant skiff
#

simple and clean

nimble folio
#

@buoyant skiff love it.

buoyant skiff
wheat current
#

@buoyant skiff the messages are dynamic?

buoyant skiff
#

yes

wheat current
#

How do you get it to stay with left allignment?

buoyant skiff
#

json

#

that script i showed you yesterday

wheat current
#

🤔

buoyant skiff
#

they are not left alignment

#

its centered

#

45%,50%

#

but they are long enough so they look left aligned

wheat current
#

okei...
Setting allignment would be a good option, anyone know how I can achieve that?

buoyant skiff
#

could go with setting it px instead of %

wheat current
#

interesting

buoyant skiff
#

cause text-align: left wont do much

#

could try padding

#

padding: 35px

#

like that

#

havent tried it yet might work

#

that will move it out from the edge

#

incase you dont know css that well 😃

viral sorrel
#

is there somewhere with a lot of examples and associated screenshots of what lovelace can do? not having much luck finding anything on the community site.. usually if there is a screenshot it's of a problem

wheat current
#

@buoyant skiff padding and padding-left did not work

buoyant skiff
#

its coming

#

balloob is working on a demo site

#

im gonna take some time when my vacation comes to put up a repo

#

with examples

#

else there is the docs

viral sorrel
#

awesome.. I've still got to work out mqtt discovery before I start rebuilding my system anew with all the ideas I've been having the last year..

buoyant skiff
#

to tide you over in the meanwhile

#

i didnt need much more then the docs to get started

viral sorrel
#

lovelace doesn't need restarts for iterating on the configs does it? just save it and reload the browser?

buoyant skiff
#

save and use the small reload tab

#

instant changes

viral sorrel
#

and this doesn't work like groups/customization/etc where it stops working if you use packages? 😛

#

and by that I mean reloading doesn't work

buoyant skiff
#

forget groups and splitting

#

doesnt work

wheat current
#

You need 1 big ass file

buoyant skiff
#

for ui

#

the sensor can still be in packages

viral sorrel
#

oh god.. that might end up being a problem.. how big is big? 😛

wheat current
#

1000+ lines at least 😛

buoyant skiff
#

my lovelace is 1700

#

around and about

viral sorrel
#

shit.. not so keen on that.. would be nice if it could be split

buoyant skiff
#

meh its ok

viral sorrel
#

i have files like that for sensors.. and it's a nightmare

buoyant skiff
#

rather have lovelace then the old ui

viral sorrel
#

that's why I've tried not to touch them in a year now

buoyant skiff
#

the sensors can be in packages

#

its just the ui thats in one file

wheat current
#

rather have no ui than the old ui 😉

viral sorrel
#

lol.. it got better with custom_ui but still very inflexible and awful to configure

nimble folio
#

@buoyant skiff what version are you running of HA?

viral sorrel
#

as far as I can see the whole point here is to decouple the ui from the backend config right?

split granite
#

Yes

buoyant skiff
#

latest version

#

74

#

not running betas

nimble folio
#

mine doesn't look like yours

split granite
#

And that's a work in progress @viral sorrel - it'll be a while before it's fully decoupled, after the current UI is removed

#

@nimble folio He's done a lot of custom card work 😉

buoyant skiff
#

not with the nas card

#

thats all vanilla

nimble folio
#

my sensors just show up underneath the image as separate lines

#

i copied y our gist and put in some of my own sensors

buoyant skiff
#

dump an image on an imagehost site and show me

#

lets see how broken it looks

nimble folio
buoyant skiff
#

which browser are you using ?

nimble folio
#

hm, good point. let me try another

split granite
#

Chrome is the one that everything is developed against AFAIK

buoyant skiff
#

goodthing im using ff 😛

nimble folio
#

firefox renders it the same as that image

buoyant skiff
#

so paste the yaml snipplet

#

on hastebin

#

tinkerer is around 😛

#

haha

buoyant skiff
#

which version of FF btw ?

nimble folio
#

61.0.1 64bit

buoyant skiff
#

done this ?

#

the part about ff

#

in the readme

#

for me it fixed some other lovelace issues that was present

nimble folio
#

that fixed it in FF

buoyant skiff
#

awesome

nimble folio
#

i was in edge the first time (yell at me later). which explains alot. 😃

buoyant skiff
#

hehe edge sux

#

😛

nimble folio
#

it's great for debugging windows apps/pwa. if it works in edge, it works everywhere

#

lol

buoyant skiff
#

hehe

viral sorrel
#

guess I should learn javascript

wheat current
#

@nimble folio
Try adding:

'position': absolute

as a style to them

#

@buoyant skiff setting this give me left allignment :)

                style:
                  top: 60%
                  left: 30%
                  transform: none
warm stone
#

With the state_filter: if the state isn't listed doest that mean the entity wont show if it is not in that state?

wheat current
#

That is how it's supposed to work

buoyant skiff
#

good work Ludeeus 😃

wheat current
#

Was driving me crazy... On a state update, if the lenght of the state changes all alignments was messed up 😛

buoyant skiff
#

hehe

#

this will make my work even better so thx for investating 😛

#
      - type: state-label
        entity: sensor.stash_syslog
        style:
          top: 20%
          left: 5%
          text-overflow: ellipsis
          transform: none
          font-size: 90%
          font-weight: 550
          font-family: Trebuchet MS
          letter-spacing: 0.38px
          text-shadow: 2px 2px black
#

perfect 😄

viral sorrel
#

this config repo is outstanding!

buoyant skiff
#

so static to me

#

like my cards with more dynamic flow to em

#

have it feed me more info about the system card im looking at

viral sorrel
#

do you have a screenshot?

buoyant skiff
#

see chat above

#

or wait for my system to reload

#

posted several cards in this chat

viral sorrel
#

today or earlier?

wheat current
#

both

buoyant skiff
#

thats my nas card

#

has feed from syslog on the nas

#

with uptime and firmware displayed

#

and processes

viral sorrel
#

yeah I came across 2 cards and noticed you do background images... this gives me ideas 😛

buoyant skiff
#

and power toggle and its tracking downstate to via binary sensor

#

that is a useful card

viral sorrel
#

lovelace is really quite flexible.. it's basically anything you can do in a web browser

buoyant skiff
#

having just one value is kinda wasteful to me atleast

#

then im working on my greeter card also

viral sorrel
#

man... I feel like I want to study ui design.. it's always interested me

#

human machine interfaces in general

buoyant skiff
#

with current time and weather along with personal greeter based on the time of day and accuweather minute forcast and location and calander

#

dynamic icon on weather

#

animated also 😛

viral sorrel
#

I'd probably go a bit larger and more spartan.. but I like the ideas you've got

sudden lion
#

config for that greeter card @buoyant skiff ?

buoyant skiff
#

will do a repo in a week when i go on vacation

#

working on getting it perfect for all resolutions at the moment

#

posted some wip yamls

viral sorrel
#

I wish we could buy voices for our voice assistant devices.. HAL.. Majel Barrett.. or at least great approximations

buoyant skiff
#

and the repo will have all the sensors in a package for that card

#

will servce as an example repo

viral sorrel
#

do you have a repo you can share?

buoyant skiff
#

no

#

i just said ill put up a repo in a week

#

when i go on vacation

viral sorrel
#

oh shit.. missed that.. sorry 😛

buoyant skiff
#

yeah u kinda did 😛

viral sorrel
#

hey.. sometimes I need to look in the fridge 20 times before I find what I'm looking for

buoyant skiff
#

hahah

viral sorrel
#

or that time I looked for an rpi for 2 weeks before discovering it was centimetres away from me :/

#

almost ordered another one

buoyant skiff
#

working on a kodi card

viral sorrel
#

would finally have an excuse for some of the plex sensor stuff

#

list of most recent downloads

buoyant skiff
#

i made a transmission card

viral sorrel
#

oh yeah.. and I'd do nzbget.. I'm sure that has an api

buoyant skiff
#

if your using sickbeard of radarr or sonarr forget which of em are for tv then its plausable to get that info

viral sorrel
#

sonarr and radarr..

buoyant skiff
#

all i see is Mono

#

😁

viral sorrel
#

yeah they're in dockers.. I don't have to see it

buoyant skiff
#

got all of my streaming services for free at work

#

all legal since we need it for raising issues etc if there are any

#

so i got basically any channel i want

viral sorrel
#

what? how does that work?

buoyant skiff
#

along with hbo and netflix

#

i work at one of swedens largest ISP

viral sorrel
#

is your job binging tv shows? 😛

#

what city?

buoyant skiff
#

as a security consultant

#

giving advices to tech support

viral sorrel
#

for purposes of what? blocking?

split granite
#

Pushing water uphill?

buoyant skiff
#

no shit Tinkerer

#

the worst part isnt tech support

#

its the management

#

bunch of knuckleheads

viral sorrel
#

I've been to Stockholm, Malmo, Gothenburg and Lund

buoyant skiff
#

glorified calculators basically

#

kewl i dont live far from Gothenburg

#

its called Borås

viral sorrel
#

I liked Sweden.. not cheap... but when I went to Burger King the burgers were a million times better than in Australia

buoyant skiff
#

burgerking mccrap

#

i dont go to any of em

viral sorrel
#

you have no idea.. it's like gourmet food in Sweden comparted to Australia

warm stone
#

Haha.. Hungry Jacks is shit thats why.

viral sorrel
#

yep.. totally

wheat current
#

When in Sweeden you need to go to IKEA and get the meatballs 😃

viral sorrel
#

food in fast food joints is EXTREMELY different in different regions

#

lol

raven nacelle
#

Back to Lovelace guys 😜

buoyant skiff
#

time got get back to lovelace

#

indeed

warm stone
#

Burger King (even though it is the same thing) is so much better than Hungry Jacks. Slight changes in menu etc

buoyant skiff
#

see now arsaboo is leaning in

viral sorrel
#

oh shit.. I didn't even realise I was in the Lovelace channel 😛

#

man.., too much choice nowdays

wheat current
#

We need more choises 😄

viral sorrel
#

back in my day on irc you had a channel and it would always cover everything

buoyant skiff
#

was supprised it wasnt Tinkerer 😛

#

hides

warm stone
#

@buoyant skiff I like your idea of using picture element cards

viral sorrel
#

with only a tenuous link to the topic

wheat current
#

Is it possible to use a media card in entity-filter?

buoyant skiff
#

TehRobot many looked at it as a floor plan only

#

the page should add an additional example showing something else

#

cause people are too hungup on their floorplans and thats all they see¨

wheat current
#

Then add it 😉

buoyant skiff
#

never got that

#

meeeh im not the guy

viral sorrel
#

is there some sort of documented roadmap for lovelace?

warm stone
buoyant skiff
#

think there is in the docs

#

@raven nacelle thats some of your work right ?

#

in the gallery

raven nacelle
#

Some of it

viral sorrel
#

would help to know where it's going

#

oh that's fantastic!

raven nacelle
#

Check the ui-schema repo @viral sorrel

viral sorrel
#

that gallery is EXACTLY the sort of thing I've been itching for!

buoyant skiff
#

copy pasting ? 😛 @viral sorrel

raven nacelle
#

Plus it has the config to get started

viral sorrel
#

yeah.. great start for iterative discovery (my term for copy and paste and reverse engineer results.. with help of documentation naturally)

buoyant skiff
#

u can use dale3hs migration script to convert your old stuff into lovelace

viral sorrel
#

thing is you don't know what you want from documentation until you want to change something..

buoyant skiff
#

me i like to be brave i just do stuff if it breaks it breaks

#

read the docs then do stuff

warm stone
#

Lovelace is nice as its just a page refresh to test.

viral sorrel
#

same.. but it helps to start from something that works

buoyant skiff
#

then use the migration script @viral sorrel

#

😃

viral sorrel
#

I've got it linked.. it's on the "cards"

buoyant skiff
#

then it generates ui-lovelace.yaml

viral sorrel
#

ooh.. I love the markdown support!

wheat current
#

Me too

buoyant skiff
#

i thought it could be useful until css got me hooked

#

now its dead to me

viral sorrel
#

I have SOOO many things that I've wanted to represent in a way that markdown would be suitable for

wheat current
#

It can still be useful @buoyant skiff 😉

buoyant skiff
#

not for me 😛

viral sorrel
#

think of markdown as a rapid prototyping tool then

#

you get an approximation of what you want then you css it

wheat current
#

@buoyant skiff sure about that?

buoyant skiff
#

fairly sure

#

havent found any use for it yet

viral sorrel
#

this gallery has made me super hyped on lovelace

wheat current
#

@buoyant skiff I wil give you one, hold on

viral sorrel
#

you could import a readme from github and have it displayed faithfully 😛

#

or a changlog

wheat current
#

where is the changelog for 0.74 regarding lovelace?

viral sorrel
#

anyone here have multiple alexa devices?

#

THAT would be a nice changelog to monitor

buoyant skiff
#

im not getting anywhere with my lovelace cards 😛

wheat current
sudden lion
#

I'm sure i saw it there earlier

#

Its there 😛

viral sorrel
#

and I win! this would be perfect for the markdown support 😛

sudden lion
#

Current version is also off

#

Blogpost for 0.74 missing etc

split granite
#

Front page shows 0.74 for me, along with the blog post

#

Was there at least 12 hours ago

sudden lion
#

I'm pretty sure i saw that yesterday, but when i check now its 0.73.2

split granite
viral sorrel
#

ok guys.. thanks for the lovelace love.. gotta get some sleep

undone egret
#

Ok just started lovelace.... and it seems i only have one weather componet that is weather.thermostat but this produces a card with no icons

buoyant skiff
#

welcome to a more prettier UI @undone egret 😉

undone egret
#

ba humbug...... dale wont leave me alone 🤣

#

why no icons thou?

buoyant skiff
#

good question

viral sorrel
#

more prettier?? isn't it either more pretty or prettier?

#

isn't it though rather than thou?

split granite
#

He's a Yank, they butchered English, more than we did 😛

buoyant skiff
#

is the mdi icon defined ?

undone egret
#

amazing the english teachers in the coding world

viral sorrel
#

he's Swedish isn't he?

buoyant skiff
#

in the sensor

#

yeah

wheat current
#

@buoyant skiff you are right, I need to create a custom markdown card for it to be useful

viral sorrel
#

Swedes have better English than Americans in my experience 😛

buoyant skiff
#

so if you dont want me to revert to talking swedish then dont comment on my misspellings 😛

undone egret
#

should it not be in the config of lovelace

viral sorrel
#

not misspellings. grammatical errors

undone egret
#
  - type: weather-forecast
        title: Weather
        show_header_toggle: true
        entity: weather.thermostat
#

is all i added

buoyant skiff
#

but under dev info

viral sorrel
#

wow.. and that creates this sort of card? amazing

buoyant skiff
#

if you click on that sensor

#

does it have icons

undone egret
#

i never had it enabled before on old front end LOL

#

and yes mdi is in dev

buoyant skiff
#

hmm :/

undone egret
#

and no icons when clicked on

#

@empty heath dang it .... first one i try is a fail.... i am blaming you 😹

kind shellBOT
#

dale3h is away for 12h 38m 15s with a message :point_right: two weddings today...I was only able to make it to one. The other is in Mexico... @wheat current said he’ll answer any questions you might have, Home Assistant related or not!

undone egret
#

🤣

buoyant skiff
#

damn thats nice Ludeeus is google basically 😄

undone egret
#

@wheat current my coffee is cold ....why

kind shellBOT
#

Ludeeus is away for 49s with a message :point_right: ```
When Life Gives You Questions, Google has Answers

<https://www.google.com/>
buoyant skiff
#

cant outsource it

#

thats just bad 😛

undone egret
#

no doubt bad bad support

buoyant skiff
#

@undone egret is that nest thermostats ?

split granite
#

Given how many questions here could be answered by RTFM or Google, I dunno...

undone egret
#

@buoyant skiff ecobee

buoyant skiff
#

does it display correctly under the old ui ?

undone egret
#

I dunno .... didnt even kow i had it... i use darksky and weatherunderground ... but neither of those two have just a weather.blah entity

#

cant add anthor weather right now... wife is asleep and cant restart ha service (lights will turn on in bedroom when she rolls around)

buoyant skiff
#

try addin it under the old ui to see if there is an issue with it there

#

cause it should have issues under lovelace

raven nacelle
#

@undone egret The icons down work for all the weather entities

#

Ecobee weather also does not work with it

undone egret
#

LOL i found that out.... does y weather work?

raven nacelle
#

yes

#

darksky also works I think

undone egret
#

ok when wife wakes up i will try

#

but darksky doesnt have a weather entity just sensors

#

or least mine doesnt

split granite
#

There's a weather component version

raven nacelle
#

you need to add it separtely

split granite
#

~weather.darksky

kind shellBOT
undone egret
#

oh... i been having it for years LOL

#

i do have it kinda like that

  - platform: darksky
    api_key: !secret darksky_api

    monitored_conditions:
      - summary
      - nearest_storm_distance
#

but more monitored conditions

split granite
#

That's the sensor version

undone egret
#

yea 🦐 🔫

wheat current
#

@undone egret You forgot to drink it while it was hot, try heating it

undone egret
#

ok thanks will try and report back @wheat current

#

ok darksy works with icons but gives hourly forecast LOL

#

not daily ...

wheat current
#

But how is the coffee?

raven nacelle
#

yeah....that is so stupid

undone egret
#

much better

wheat current
#

Perfect 👌 ☕

dapper rain
granite prawn
#

hey guys

#

im having a weird issue with LL

#

some of my scripts have a toggle button on the frontend, instead of the "Execute" button

#

how do i convert them to execute

split granite
#

That means they've got a delay or wait_template in them

granite prawn
#

yes they do

#

damn

#

your lightening fast 😛

split granite
#

It may possibly be a well known behaviour 😉

granite prawn
#

can i show them with the execute them regardless of the delay?

wheat current
#

Workaround: create a new script that only execute the script that has the toggle

granite prawn
#

i need that delay function in that script 😦

#

thanks @wheat current and @split granite

undone egret
wheat current
#

Not strict "padding" in the elements

undone egret
#

ok i dont know greek

wheat current
#

There are not enough space between the elements

undone egret
#

well i saw that ... is there a fix ?

north spear
#

Use greek

#

Which card is that?

undone egret
#

just a enititys card

north spear
#

Looks correct

#

You need different kind of card to show that. How did it look on old interface?

split granite
undone egret
#

normal LOL

split granite
tacit cave
#

did the glance hide state changes also get done in entity-filter card?

#

yes yes it did.

buoyant skiff
#

haha

#

using camera entity for image

#

now its just a question of doing something more custom 😃

tacit cave
#

nice, how you updating the 'camera' photo?

buoyant skiff
#

image: /api/camera_proxy/camera.jeaves_cleaning_map

#

😄

#

haha

#

so now im doing a picture element card for it instead

#

it generates a random token on each update

#

so exporting that will work

#

should for for any camera image 😃

#

thats hooked up to ha

tacit cave
#

Don't have cameras yet, was just curious how you were 'faking it out'

buoyant skiff
#

faking it out ?

empty heath
#

@undone egret Why you go blamin' me for all your problems?!

undone egret
#

@empty heath easier that way

tacit cave
#

with the jeaves_cleaning_map. but it appears as that's part of the component?

buoyant skiff
#

yes

#

its apart of any camera that hooked up or using the camera module in ha

forest star
#

Is it possible to split lovelace config ?

empty heath
#

@forest star Yes. Someone wrote a tool to do it.

serene sierra
#

is it possible to add custom attribute for media.player component? something like lovelace_active: true and change it with script? I'm looking a way for show active media_player in media player card and send commands with buttons for active entity. Now it impossible to use entity filter for do that. And how to do something similar with lovelace for buttons area show/hide i mean.

empty heath
#

I just wish I would have pinned it 😦

forest star
#

OMG @empty heath really ?

empty heath
#

@serene sierra Would monster-card work?

split granite
#

I think support for splitting the lovelace config will be removed soon - so said the devs anyway 😦

forest star
#

@split granite why ?

empty heath
#

@split granite That is exactly why the tool was written, yo.

split granite
#

Which, given their eventual goal of making things configured by the UI makes sense

empty heath
#

@forest star Because Home Assistant will be managing the ui-lovelace.yaml file for you.

serene sierra
#

or how to port media controller card to lovelace? maybe someone could make custom card from it?

empty heath
#

So that you never have to edit it manually.

split granite
#

But, some components of this platform seem to sit in feature freeze for a year or more, so I'm not holding my breath unless @north spear is driving it 😛

empty heath
#

@serene sierra A custom card is definitely possible -- do you know JavaScript?

buoyant skiff
#

@serene sierra its easy to make your own

forest star
#

@empty heath Oh that is awesome like a WYSWYG thing ?

buoyant skiff
#

use verital and horizontal stacking

empty heath
#

@forest star Yeah, with drag & drop, paste, etc.

kind shellBOT
split granite
#

Please don't rely on the bot @serene sierra 😉

empty heath
#

Even potential to use the cloud component to send Lovelace configs to your own Home Assistant server.

forest star
#

@serene sierra where can I see your config ....

#

@empty heath great !!!

empty heath
#

Find something on the gallery that you like, right click > send to Home Assistant 😉

#

(feature is not available yet, but is just an idea of what's possible in the future)

forest star
#

@empty heath wow this thing is going out of hands so quickly bro

buoyant skiff
#

or using picture elements

empty heath
#

@forest star If you want to separate it and manage it on your own, then use the tool.

serene sierra
#

@empty heath https://hastebin.com/ovihabikil.bash monstercard work but it have problem with minimum/maximum card size and card show in wrong place in ui. maybe because it inside another vertical-stack card

wheat current
split granite
serene sierra
#

@buoyant skiff it so fast to position all elements with picture elements i was tried

mortal cape
#

AGAIN

empty heath
#

Oh, haha, I was typing out a description, and was going to include usage. That's why you beat me 😛

serene sierra
#

@empty heath no im dont know JavaScript well. How to start? im know you are veteran

split granite
#

You could at least have wrapped the URL 😉

empty heath
#

@split granite Didn't on purpose 😉

split granite
#

😮

empty heath
#

(Because I was going to pin it)

split granite
#

🤣

empty heath
#

But, have it y'alls way.

split granite
#

Just as I was about to pin that...

empty heath
#

😛

#

I'm not going to step over anyone else's toes.

split granite
#

🤔

wheat current
#

🤔

north spear
#

Entity attributes will get monster type filters soon 😃

#

And alarm card got an update

#

Can now be scaled to use better with panel: true

long cosmos
tender wasp
#

@long cosmos color: ...

buoyant skiff
#

boom 😄

#

@frosty pelican neato card done

wheat current
#

I need to get me a robot vacuum

buoyant skiff
#

border was fun can add an extra nice element to the card

#
    - type: state-label
      entity: sensor.jeaves_area
      style:
        top: 90%
        left: 0%
        color: rgb(115, 122, 130)
        transform: none
        pointer-events: none
        text-shadow: 1px 1px black
        font-family: Trebuchet MS
        font-size: 90%
        font-weight: bold
        border-left-style: solid
        border-color: orange
        background-color: rgb(54, 65, 78)
mild veldt
buoyant skiff
#

sweet

long cosmos
#

@tender wasp Thanks for the help. Does this work for the view Icons?

tender wasp
#

No only picture-elements

long cosmos
#

okay. i was hoping I could change the color of the view icons as well. Thanks.

wheat current
#

@long cosmos you can change all items with a frontend theme

buoyant skiff
#

yeah that has to be done with theme

long cosmos
#

okay, i have the mdi:hotel for bedrooms and was trying to make each one a different color. Not sure where to look in the frontend code but I'll go look and see what I can find.

buoyant skiff
#

its nice now that things sticks @wheat current

vapid field
#

Hi guys, is there a way to hide a Lovelace filter card if there are no entries? Looking to find a way to tidy a simple dashboard by just showing cards if the filter criteria is met.

buoyant skiff
#

yes

#

show_empty: false

buoyant skiff
#

its in the docs

wheat current
#

Agreed :D
But how did you get it to show Status: and Area Cleaned ?
template sensor?

buoyant skiff
#

yes

#

simple and does the job

vapid field
#

Aha, thanks @buoyant skiff , I missed that completely.

mild veldt
#

@buoyant skiff was there anything you had to do to get your picture-elements cards to display well across different screen sizes?

buoyant skiff
#

yes and @wheat current solved that today

#

transform: none

#

use that

#

will make stuff stick

mild veldt
#

okay, thanks

#

I'm actually using transform: scaleX(-1) on some of my icons to flip them. maybe it's related

buoyant skiff
#

that is ok 😃

#

gonna be nice when you can do css tooltips later on when you can import css

#

so when you hover on a value it will show a tooltip

mossy gale
#

@buoyant skiff love that server card, looks the bomb

vapid field
#

I've managed to completely miss the "show_empty" option for an hour. Feeling a bit of a dufus.

buoyant skiff
#

think that was Ians unless you meant my nas card

#

your not alone to fail on easy stuff 😄

mild veldt
#

@buoyant skiff can't you do tooltips using title already?

buoyant skiff
#

Ian i want on hovering over values 😛

mossy gale
#

@buoyant skiff the server monitor one

buoyant skiff
#

cause thats the only monitor card i have

#

and thats for my nas

mild veldt
#

@buoyant skiff maybe I'm not understanding your question, but using title I am able to get the following tooltip when hover over the bottom temp: https://imgur.com/a/aYdO7Ok

buoyant skiff
#

ohh neat

#

missed that totally

#

haha

#

tnx

mild veldt
#

I'm helping!

buoyant skiff
#

🎉

mossy gale
#

@buoyant skiff sorry my bad, your name tagged at start of message. it was from @mild veldt

#

looked very similar to your style

#

hence my error

mild veldt
mossy gale
#

@buoyant skiff your nas one is awesome, got it in Evernote for use as learning

mild veldt
#

I want to add my pi-hole sensors next, but currently my pi-hole is borked

buoyant skiff
#

gonna put up a repo soon

#

with examples

mossy gale
#

@mild veldt Many thanks, another one to digest and learn from

mild veldt
#

Updated my server to Ubuntu 18 and there is now some conflict between DNS ports

#

@mossy gale I got all my inspiration from @buoyant skiff, hence it looking like one of his.

mossy gale
#

@mild veldt the sensors you have in it, are they calling scripts or anything? or a component for testing speeds etc

buoyant skiff
#

there is a component for it

mild veldt
#

^

#

all the others are under system monitor

mossy gale
#

yes i have a bunch of those for the Pi

#

will check out the speedtest one

#

@mild veldt @buoyant skiff thanks

buoyant skiff
#

have an older dlink nas that doesnt support optware or entware and only has a shell and no python so i made a script that piggybacks on the httpd module for serving the webui, the script creates a json file exactly the same as glances 😛

#

that way i can have system stats from my nas

mossy gale
#

i dont really have much experience with JSON, my work has access to a massive library of Skillsoft training courses, there was one for JSON I enrolled onto, now jsut need 2 hrs peace and quiet at work to go through it. Watched the intro and it seems the basics are simple enough, its putting it into HA and manipulating values that I will need to get better at

mild veldt
#

There's nothing really to JSON itself. Using it within HA/Python would be where to spend a bit of time, but again, very straight forward after you see an example or two

mossy gale
#

just added that speedtest sensor and restarting...

buoyant skiff
#

@subtle rune check that out 😉

rocky merlin
#

That looks really nice @buoyant skiff

subtle rune
#

@buoyant skiff Nice!

buoyant skiff
#

been messing around with so much css just trying out see what works and what breaks

mild veldt
#

@buoyant skiff got mobile and desktop looking the same. Thanks.

buoyant skiff
#

np 😃

#

glad i could help

#

check this crazy stuff

kind shellBOT
mild veldt
#

i had never gone through with doing floorplan previous, but using picture elements was a breeze for it

buoyant skiff
#

whoops 😛

#

more then 15 thought i was safe

#

got box shadow

#

so the border that i use has a shadow

#

and then text inside of it has a shadow

mild veldt
#

there's no way to put just text on a picture elements card, right? need to throw it into a sensor?

buoyant skiff
#

there is

mild veldt
#

or use a markdown, i guess, ballob did just add that if I remember correctly

buoyant skiff
#

ludeeus will fill ya in

wheat current
mild veldt
#

shoot, i must have missed that while reviewing the posts from last night. awesome! thanks!

buoyant skiff
#

Ian

#

if you dont want a value to be clickable

#

pointer-events: none

#

add that

#

when doing cards all the values when using a tablet or phone can get quite messy

mild veldt
#

i'm finding that to be the case

buoyant skiff
#

that is the greeter card

mild veldt
#

i just wanted a simple '/' between my current and target indoor temps, lol

buoyant skiff
#

hehe

mild veldt
#

one more thing, I don't think I missed it, but state-labels are just that, for states, correct? I can't get an entities attribute in a state-label without doing a custom template sensor for it

buoyant skiff
#

correct

half osprey
#

@wheat current you create a div but instead you should just leave the text in the custom element ? THat would make styling easier for your users

mild veldt
#

wew, that styling! looking good! my css skills are little to none. the are nearly 99% reliant stackoverflow

half osprey
#

this.innerHTML = this.config.test 👍

#

@mild veldt that will never go away, however using the chrome / firefox dev tools helps! You can live adjust CSS and see how it will look. When you're happy, copy it to your Lovelace config

buoyant skiff
#

thanks for the css add balloob

wheat current
#

@half osprey Thanks for the tip, will try that 😃

mild veldt
#

that is my exact method of playing at the moment. my knowledge of what can be done and how it can be done are what are lacking, however 😉

buoyant skiff
#

think i can do even more fun stuff with that add

#

got a perfect vacuum card now

mild veldt
#

Is there or will there be a way to apply common CSS to numerous items? e.g. Changing the font

buoyant skiff
#

thats all vanilla

#

no custom anything

buoyant skiff
#

been looking at the transform stuff

#

just havent found a useful area yet

mild veldt
#

hold up...can I use ::before on a state-label?

buoyant skiff
#

but filters might be nice

half osprey
#

I am thinking about adding that video to our picture-elements docs, would that make sense ? It seems very useful

forest star
#

@raven nacelle you there ?

buoyant skiff
#

think it needs other examples also

#

many users think its only for floorplans

mild veldt
#

@half osprey the floating head is creeping me out, lol

mossy gale
#

@mild veldt just got the start of my card going

#

can you add labels to the icons?

#

so u know what they are

mild veldt
#

Is the usage of pseudo-classes like ::before and ::after done differently in picture-elements? Not having any luck with them or even within Chrome dev tools for that matter

#

If you add title you can define what tooltip will be displayed on hover

#

is that what you're getting at, @mossy gale ?

mossy gale
#

yes, something to distinguish 3 very similar values as to what they are

#

at the mo i have 3 values, 3 icons the same not sure which is which without opening it

mild veldt
#

give them different icons

mossy gale
#

need to move them about on the card (which isnt as good as yours)

mild veldt
#

use type: icon or change the icon in your customization

mossy gale
mild veldt
#

i would go the customization route so that the change sticks globally and not on just that one element

mossy gale
#

ah crikey, i havent added the speedtest sensor to customization yet! only added it a while ago! School boy error!!!

mild veldt
#

my icons used

mossy gale
#

cheers

#

did u see my pic? is there a way to trim that massively long time value to just finish with whole second, not 1000000th of a second

mild veldt
#

pro-tip, get plan-coordinates on that page for easier placement

#

template sensor with a filter, most likely

#

just need to split the string on the '.' it looks like and take the first element

buoyant skiff
#

.away time to go to sleep work torrow

kind shellBOT
#

Toast is away! time to go to sleep work torrow :wave:

mild veldt
#

9:30 bedtime. this guy isn't messing around!

mossy gale
#

i added the plan-coords

#

wondered what use it was to start then had a eureka moment

mild veldt
#

make sure you browser is not zoomed at all on the page

#

that tripped me up

mossy gale
#

ah ok set to 100% then

#

btw you make it sound so easy on the split the string.... 😉

mild veldt
#

i mean, in theory it is

#

I belive you just add .split('.')[0]

#

let me try it out

mossy gale
#

this is where i fall down

#

if it was VBA i would be ok 😃

wheat current
#

.split('.')[0] works for python, not sure what you where talking about xD

mossy gale
#

trying to remove the end of this `1 day, 12:04:09.515951z

#

the .515.... bit

#

from sensor value on my nice lovelace card i am putting together for my Pi Home Assistant Server

wheat current
#

What type of sensor?

mossy gale
#

system sensor

#

uptime

wheat current
#

this worked in templates

{% set test = '1 day, 12:04:09.515951z' %}
{{test.split('.')[0]}}
mossy gale
#

@mild veldt @wheat current thanks both of you, this side of Home assistant is where i am really weak, i learn bits and pieces to cobble together to try and do what I need. All kept in Evernote for future ref

mild veldt
vapid field
#

hello, how can i disable a switch after my group-name?

mossy gale
#

@mild veldt thanks, dumb q. where should i be adding that? in the lovelace file or with the sensor

mild veldt
#

with your sensors

#

so you'll need to do an actual restart

mossy gale
#

that was gut feel

mild veldt
#

and then update your lovelace to reference that new sensor

#

@vapid field can you be more specific? what card are you talking about?

vapid field
#

hello, how can i hide a switch after my group-name? (correction)

mild veldt
#

@vapid field you can edit messages

#

take a screenshot and put it up on imgur and link it here

vapid field
#

ok, thx

mild veldt
#

Anyone else have issues with custom cards not working on mobile, specifically iOS?

#

n.setConfig is undefined is the error I always get

mild veldt
#

✋ 😑 👌

mossy gale
chilly storm
#

I would love to have a card -- call it my vacation mode card -- that I would use to set a departure date and ETA of return. That would give me the inputs I need to run an automation that does a whole bunch of things . Any thoughts or ideas on what sort of widgets would be in place to facilitate it?

#

maybe just the input_datetime entities?

north spear
#

Picture elements. Easy

#

Ask Toast expert

tender wasp
chilly storm
#

TY @north spear - I will give it a go.

north spear
#

Nice @tender wasp

tender wasp
#

Thanks 🙂 arsaboo wanted something like this that he could put on a picture-elements card so this is what I came up with

north spear
#

See with @wheat current for a good location to get updates using tracker

#

😉

tender wasp
#

Is that just reading your releases?

north spear
#

He improved it

#

There is also a kind of shared repo

wheat current
#

@tender wasp I sendt you a PM with some info 😉

mild veldt
#

@mossy gale leave systemmonitor alone

mossy gale
#

@mild veldt thanks, trying it now

vapid field
wheat current
#

That looks like the entities card, if it is set show_header_toggle: false

north spear
#

Read docs 😃

north spear
#

Or use greek

vapid field
#

thx

mossy gale
#

@mild veldt worked a treat

#

icons not changing still, i added them all to the customization file and restarted ages ago.

#

very handy the coords thing

#

move my sensor data about to line it up

forest star
#

@raven nacelle you there

raven nacelle
#

@forest star outside now... Will ping you when I'm back

forest star
#

@raven nacelle sure ....

forest star
#

is there a way to display cameras on lovelace ?

mild veldt
#

@mossy gale have you cleared your cache?

mossy gale
#

@mild veldt just tried and on the phone, no change

#

Tomorrow is another day

mild veldt
#

you on hassio?

mossy gale
#

I am

mild veldt
#

from the Configuration -> General -> Reload Core

mossy gale
#

Ok

mild veldt
#

Be sure to check the browser dev console and the dev info logs in HA for any errors

forest star
#

can you display sensors on top of lovelace the way they are display on regular homepage

mossy gale
#

No errors about it in ha

forest star
#

badges

mild veldt
#

@forest star yeah, you'll want to use a glance card and panel set to true in a vertical stack so that you can add more cards to it

forest star
#

@mild veldt Oh man.. what is that !!!! 😛

mossy gale
#

Not easy to view browser console as I am on phone

mild veldt
#

@forest star I haven't actually tried it, let me see if I can whip up a demo

mossy gale
#

Might have to have another crack tomorrow

#

4hrs 50 till I need to get up, better get some zzzz

#

Thanks so much @mild veldt

north spear
#

@forest star i think badges are back in 0.74. Check docs

north spear
#

As I said. Check badges

forest star
#

Ok

woven blaze
#

hi
any way to place picture element on top of picture glance?

forest star
#

is there a way to check lovelace config setup ?

north spear
#

Refresh

dense roost
#

Is it currently possible to have a side scrolling list of picture elements? Imagine Netflix on your phone side scrolling movies

forest star
#

@north spear can't get the badges to work , do you have an example

drowsy summit
#

@forest star - icon: mdi:home-assistant title: Home id: home badges: - binary_sensor.fd_motion

forest star
#

Thanks @drowsy summit

drowsy summit
#

np

mild veldt
#

@dense roost I think the closest you could get right now would be with a monster-card. You can place multiple picture-glance cards inside it, I believe. Haven't played around with it much myself, but doubt it will be a side scrolling list, unfortunately

drowsy summit
#

anyone get a working climate/thermostat card?

forest star
mild veldt
drowsy summit
#

@mild veldt sweet!! Thanks!

forest star
#

it is normal to get Service System_Log/write called down everytime you load lovelace ?

calm rock
#

anyone knows how to add the state on a badge? , just like it was on the States UI .

raven nacelle
#

@forest star Wassup

forest star
#

Hey pal

#

That link you checked out ?

raven nacelle
#

Weird...did you make any changes to the files?

forest star
#

Nothing

#

Only update Hass

#

What about yours ?

raven nacelle
#

I don't think you are using the right files

#

it is working fine here

forest star
#

I re-download the files

raven nacelle
#

yes, redownload the files

forest star
#

share me you screen please

raven nacelle
#

and make sure HA has access to them

forest star
#

I kept the regular setup , is this independent from it ?

raven nacelle
#

What do you mean?

forest star
#

the original source I am using it too

#

@raven nacelle what is this in your config "garage_door_tilt_sensor_alarm_level: Weather"

raven nacelle
#

Ignore that

#

I thought I removed that

forest star
#

Oh ok

#

I am doing all over again.. copying files and others...

long cosmos
#

okay, I can't figure out how to make each icon on the view row a different color. I'm not a developer. Any tips to point me in the right direction?

mild veldt
#

@long cosmos don't believe you can apply CSS style to icons of the view row

long cosmos
#

yeah, I've been searching but I'm not finding anything. Trying to find a way to differentiate between the different bedrooms since I was using mdi:hotel for each of the views.

mild veldt
#

I used to have similar tabs in the old ui. But with how clean you can make things I forgo splitting into rooms and use picture glance for each room on one main with unique backgrounds for each.

#

Much cleaner/functional imo

#

Unless you have a tablet for a specific room is the only reason I can think of to split them out now

drowsy summit
#

Is there a way to reduce the vertical size of the title bar at the top of the view?

long cosmos
#

Ian, I wanted to do that but I can't figure out how to create the main view with picture glances like in the sample video where tapping one card takes you to that room.

mild veldt
#

@long cosmos navigation_path

#

need to set the id for each other view

#

e.g. navigation_path: /lovelace/bedroom1

#

and then your bedroom1 needs to have id: bedroom1

#

@drowsy summit not yet. There has been talk about a potential kiosk mode in the future, but nothing concrete

long cosmos
#

I was wondering if that was the right option. I have the IDs set for when I figured it out. I'll give it a run tomorrow and see what I can make happen. How are you posting code like that?

#

testing