#frontend-archived | Home Assistant | Page 109

polar kelp Mar 14, 2019, 9:57 AM

#

You didn't add card-tools to the resources...

vapid field Mar 14, 2019, 10:01 AM

#

ooh my.. so many stupid misstakes today i just quit this for a while... i clicked folow instruction and just copy paste without looking, and the i wunder why i have 2 xly same resources linked.. never mind.. sorry about all this mess

gritty swift Mar 14, 2019, 11:45 AM

#

@polar kelp custom_updater support for those cards?

polar kelp Mar 14, 2019, 11:45 AM

#

yes

gritty swift Mar 14, 2019, 11:48 AM

#

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

#

oh I think I see it, never mind. The documentation is all over the place atm

#

found it here https://raw.githubusercontent.com/custom-cards/information/master/repos.json

civic sedge Mar 14, 2019, 11:50 AM

#

I could somehow set a theme on a single card.. But Cant find it anymore how...

gritty swift Mar 14, 2019, 11:51 AM

#

so when do I import a card as a module and when as a JS?

polar kelp Mar 14, 2019, 11:51 AM

#

All of mine should be js.

gritty swift Mar 14, 2019, 11:55 AM

#

sweet, thank you for your amazing work

vapid field Mar 14, 2019, 12:00 PM

#

anyone any ideas how to clean that up: https://prnt.sc/mxj69u

gritty swift Mar 14, 2019, 12:04 PM

#

stop using the auto generated lovelace UI?

civic sedge Mar 14, 2019, 12:06 PM

#

Delete the entetys in the regitstry

vapid field Mar 14, 2019, 12:11 PM

#

sorry @polar kelp its me again.. what i understand with :

type: custom:layout-card
layout: vertical

it should go vertical until i have a -break?

i dont know it i got lost in all my vertical and horizontal -stacks but i think i put the break at the right place, but still my weather-card dont go to the other column

https://imgur.com/a/LgPsKlr

sorry for me being a n00b on this... but this one ive tried to solved for an hour or so now and i dont know what to do.. hate do disturb you again but im starting to get frustrated here :/

worldly sable Mar 14, 2019, 12:11 PM

#

holy buttons batman

polar kelp Mar 14, 2019, 12:29 PM

#

You need panel: true or layout-card will itself be confined to the width of a single column.

vapid field Mar 14, 2019, 12:40 PM

#

@polar kelp thanks, i had panel: true but not at the right place. thanks! coffee for you!

polar kelp Mar 14, 2019, 12:40 PM

#

Thank you!

#

I'll celebrate with a cup of Selecta rat poision from the work coffee machine.

vapid field Mar 14, 2019, 12:43 PM

#

ooh my... the best thing with my smarter coffee and alexa is that my fun thinks its fun to put on coffee so now i dont even have to say computer coffee on to get a fresh grinded cup..

latent coyote Mar 14, 2019, 1:13 PM

#

Anyone know if it’s possible to change the left/right margins on a mobile device?

#

I use rounded corners on my Lovelace theme but looks bad on mobile when all cards stretches out to the edges

#

My designer eyes hurts... like chopping a jalapeño and then rubbing your eye 😂

summer eagle Mar 14, 2019, 1:17 PM

#

Maybe an idea for an update in the future if not possible already to have the options to chose a mobile theme and classic browser theme

#

As the defiantly do not match with each other, sorting included

latent coyote Mar 14, 2019, 1:18 PM

#

Well technically you can make a mobile theme as a separate tab and then link that one as main on your mobile device... that’s what I am doing now for quicker access to important buttons

wheat current Mar 14, 2019, 1:19 PM

#

Themes are pr browser

summer eagle Mar 14, 2019, 1:19 PM

#

Yeah, no, I don't want to open my app all weird and scroll to find a tab for mobile

latent coyote Mar 14, 2019, 1:20 PM

#

You don’t have to, when you make your “homepage” button aka putting an icon on your home screen, make sure you have your mobile tab open, then that will be your default on your device

#

No scrolling or tapping needed

summer eagle Mar 14, 2019, 1:22 PM

#

@wheat current So is there an predetermined way for a specific Mobile View/Theme? It's old tech obviously, should not be that hard to implement in the future a mobile_theme: with it's own "mobile-lovelace-style" -yaml file to edit

wheat current Mar 14, 2019, 1:23 PM

#

Don't know, but you can set the theme you want for each browser in your profile settings on that browser

latent coyote Mar 14, 2019, 1:24 PM

#

@wheat current can you play around with the container margin in themes?

wheat current Mar 14, 2019, 1:25 PM

#

Never tried

polar kelp Mar 14, 2019, 1:41 PM

#

No, you can't.

errant birch Mar 14, 2019, 1:58 PM

#

just tried turning our alarm (verisure) on/off through the lovelace alarm panel, but it only works when I put in the code on the ui, and not by typing the code by keyboard, is this a bug ? and if so has this been reported ? (checking before i open a duplicate issue)

cinder rapids Mar 14, 2019, 2:57 PM

#

Finally getting around to install custom cards, looking at the custom_updater but is not compatible with storage mode. Will it ever be supported or is not possible?

mild veldt Mar 14, 2019, 3:01 PM

#

You should go back to the repo and go through the read me. It is supported

cinder rapids Mar 14, 2019, 3:02 PM

#

Oh wow thanks, I’ll check again. I read it wasn’t supported and stopped reading.

#

Maybe the pinned note should be edited, avoid someone making the same mistake I made.

gritty swift Mar 14, 2019, 3:10 PM

#

@cinder rapids Why would it not be supported?

mild veldt Mar 14, 2019, 3:10 PM

#

Too old. Can't. Can a mod remove my component updater pinned message?

#

@gritty swift it was not originally

raven nacelle Mar 14, 2019, 3:12 PM

#

@mild veldt done

cinder rapids Mar 14, 2019, 3:13 PM

#

Thanks for the quick reply @mild veldt

vapid field Mar 14, 2019, 3:30 PM

#

do i have to turn off auto generated lovelace UI ?

#

i mean will it keep generating stuff or was that a one time thing

polar kelp Mar 14, 2019, 3:34 PM

#

It will keep updating

#

All you need to do to fix it is to open the editor once though. After that it will never update by itself again.

split granite Mar 14, 2019, 5:55 PM

#

@frail iron You can customise the UI using the built in UI editor - there's no need for mangling YAML any more

frail iron Mar 14, 2019, 5:57 PM

#

yeah I only tried it to load the kiosk script, but I guess scripts can be loaded from somewhere else too?

split granite Mar 14, 2019, 5:57 PM

#

Kiosk script?

frail iron Mar 14, 2019, 5:57 PM

#

everywhere I found the reference was to load js as a reference from resources

#

yeah some js that disables elements from UI if it has kiosk in it

split granite Mar 14, 2019, 5:57 PM

#

You can do that in the raw editor too

frail iron Mar 14, 2019, 5:58 PM

#

ok, thats probably the better way then

vapid field Mar 14, 2019, 5:58 PM

#

can someone help me understand this error msg in my log "/local/plugins/gap-card.js:7:1 Uncaught SyntaxError: Unexpected token <"

#

in the UI view it says custom element dosent exist

wheat current Mar 14, 2019, 6:02 PM

#

You need raw format of the file

vapid field Mar 14, 2019, 6:03 PM

#

But the file is there and its "link" or defined or whatever its called under resources

#

thats what i have :/

wheat current Mar 14, 2019, 6:04 PM

#

The file is there yes, but a html file and not the expected js file

vapid field Mar 14, 2019, 6:05 PM

#

but i go to raw file in github and downloaded that one :/

wheat current Mar 14, 2019, 6:05 PM

#

If you did that you would not have that error

vapid field Mar 14, 2019, 6:07 PM

#

i go here
https://github.com/thomasloven/lovelace-gap-card/blob/master/gap-card.js

right click on rawfile and save file as..

is there a other way to do it?

elder pendant Mar 14, 2019, 6:14 PM

#

When you navigate to <your-ip>/local/plugins/gap-card.js what do you see

vapid field Mar 14, 2019, 6:17 PM

#

ooh thats strange, since ive downloaded all my js file same way today, and this is the first to fail :/ i guess i just can open that file and and save it

#

yeah that worked fine.. thanks.. that was strange but now i know what to do next time it happens 😃

broken nimbus Mar 14, 2019, 6:26 PM

#

@split granite here i believe?

wheat current Mar 14, 2019, 6:26 PM

#

Here @split granite 😄

split granite Mar 14, 2019, 6:26 PM

#

@broken nimbus So... the answer is.. UI templates don't belong in the backend

#

Need more beer

broken nimbus Mar 14, 2019, 6:26 PM

#

Thanks, let me post my question again, perhaps somebody has a different solution.

I'm trying to use an icon_template to change the icon of a switch (bathroom_fan) regarding the state of that fan (on or off), but I can't seem to get it to work. Could somebody check if I made the template wrong? Or if this can be done another way?

      {%- if is_state('switch.bathroom_fan', 'on') %}
        mdi:fan
      {% else %}
        mdi:fan-off
      {%- endif %} ```

wheat current Mar 14, 2019, 6:26 PM

#

and on the other hand templates does not belong in the UI

split granite Mar 14, 2019, 6:27 PM

#

Things like binary sensors have a device class that supports that

#

But otherwise, custom cards

wheat current Mar 14, 2019, 6:27 PM

#

icon_template in a template sensor should still work?

split granite Mar 14, 2019, 6:28 PM

#

Like https://community.home-assistant.io/t/100-templatable-lovelace-configuration-card/105241/81?u=iantrich

broken nimbus Mar 14, 2019, 6:28 PM

#

https://www.home-assistant.io/components/switch.template/#change-the-icon so this is old information? Or is this for a different approach?

wheat current Mar 14, 2019, 6:28 PM

#

that should still be valid

split granite Mar 14, 2019, 6:28 PM

#

That, for a switch template, should work, but only for that entity

#

Not any other switch

broken nimbus Mar 14, 2019, 6:30 PM

#

I have seperate yaml files for all my entities, so that would be fine. But then it's still not working. My customizations are also in a different file (comparable to Frencks config)

#

Back in 30 minutes

limpid cloud Mar 14, 2019, 7:41 PM

#

Has anyone a idea, why my floorplan custom:card is not in the middle?

#

if i delete width: it is in the center but unfortantly the size changed

fast violet Mar 14, 2019, 7:51 PM

#

@limpid cloud Do you have "top: 50%" and "left: 50%" defined as well?

raven nacelle Mar 14, 2019, 7:54 PM

#

@limpid cloud Please remove the spoiler tags there

limpid cloud Mar 14, 2019, 7:55 PM

#

done

#

https://grtdlks.eu/index.php/s/GDkTNFsTd4jQi6n/preview

vapid field Mar 14, 2019, 8:03 PM

#

@limpid cloud what did you use to do the image?

limpid cloud Mar 14, 2019, 8:05 PM

#

@vapid field https://floorplanner.com and Photoshop

vapid field Mar 14, 2019, 8:07 PM

#

@limpid cloud thanks, thats , my plan to, just need to take take all the messurments.. 😃

limpid cloud Mar 14, 2019, 8:07 PM

#

little pro tip

#

use the App "Magicplan", you can export it to floorplanner for free one time

vapid field Mar 14, 2019, 8:08 PM

#

ooh, ill have a look on that, thanks

limpid cloud Mar 14, 2019, 8:09 PM

#

no problem, i hope anybody can help me to set the card into the middle..

vapid field Mar 14, 2019, 8:09 PM

#

ooh already had that one installed, but never used it haha

elder pendant Mar 14, 2019, 8:13 PM

#

What kind of card are you using?

#

If it's the only card in the view it should default to the center

limpid cloud Mar 14, 2019, 8:16 PM

#

@elder pendant https://paste.ubuntu.com/p/rKzhJ27kzD/

strange sundial Mar 14, 2019, 8:44 PM

#

Is there anyway of getting the "History Graph" card to "fill in blanks"? I have an template sensor that shows the average house temperature, but after every reboot I get a dip to 0 in the history graph. Same thing happens in InfluxDB/Graphana but there it's easy to fix with some configuration of the graph.

sudden lion Mar 14, 2019, 9:33 PM

#

@mild veldt how is the button-card coming along :D?

mild veldt Mar 14, 2019, 9:48 PM

#

?

polar kelp Mar 14, 2019, 10:00 PM

#

anchors:
  mycard: &card1
    type: entities
    entities:
      - light.bed_light
      - light.ceiling_lights
      - light.bed_light
views:
  - title: Node anchors
    cards:
      - *card1

#

      - type: horizontal-stack
        cards:
          - *card1
          - *card1
      - type: glance
        <<: *card1

#

Can't believe I didn't realize this sooner!

#

📎 Skarmavbild_2019-03-14_kl._22.58.29.png

shy dagger Mar 14, 2019, 10:01 PM

#

What did you realize?

polar kelp Mar 14, 2019, 10:02 PM

#

That node anchors can be used in this way in lovelace

shy dagger Mar 14, 2019, 10:03 PM

#

ahh. this is the yaml syntax for "code reuse"?

raven nacelle Mar 14, 2019, 10:03 PM

#

I really should spend time learning node anchors

polar kelp Mar 14, 2019, 10:05 PM

#

yes

#

it is, and you should

#

Aww crud. Syntax error

#

Fixed

prime topaz Mar 14, 2019, 10:28 PM

#

Does Lovelace have the concept of “pages” ? Ie, I have 7 cameras, but I don’t wan to show them all on the page. Can a card link to another page full of just cameras?

sharp talon Mar 14, 2019, 10:30 PM

#

@polar kelp this could do with a proper post somewhere. I read the post you sent me but more information and examples needed.

raven nacelle Mar 14, 2019, 10:31 PM

#

@prime topaz Use https://www.home-assistant.io/lovelace/picture/

polar kelp Mar 14, 2019, 10:31 PM

#

Yeah. I'm working on a little list of lovelace/yaml tricks

sharp talon Mar 14, 2019, 10:31 PM

#

@polar kelp will look forward to that 👍🏼

prime topaz Mar 14, 2019, 10:31 PM

#

Aha! That gives you navigation_path. Perfect, thanks

#

So the concept i didn’t know about was ‘views’. Reading now. Thanks again.

outer gulch Mar 14, 2019, 10:49 PM

#

is it possible to load an image for one of the cards from an url with some get parameters?

#

get parameters from h-a itself, that is

mild veldt Mar 14, 2019, 10:52 PM

#

@outer gulch can you explain that a bit more?

outer gulch Mar 14, 2019, 10:53 PM

#

@mild veldt i basically want to display an image with my family, where the people who's not at home will be greyed out

#

so i really want to do this dynamically

mild veldt Mar 14, 2019, 10:53 PM

#

Sounds like a good conditional use case

outer gulch Mar 14, 2019, 10:54 PM

#

is there an image format that supports toggling of layers, btw?

#

to avoid having to create x! number of images, where x is the number of people in the family

mild veldt Mar 14, 2019, 10:56 PM

#

Picture elements

#

You can set the z-index in the style to layer them

outer gulch Mar 14, 2019, 10:57 PM

#

@mild veldt this is something i can do with png?

#

@mild veldt css and png?

mild veldt Mar 14, 2019, 10:58 PM

#

Yes

#

Check out sharethelove.io for some picture elements examples

outer gulch Mar 14, 2019, 11:00 PM

#

ah.. cool!

#

but how do i get started with lovelace? 😃

#

if i just want to test out this?

#

i realize it's a bit of an open question

outer gulch Mar 14, 2019, 11:21 PM

#

cool, cool.. got it working with pure css

#

now just convert this to home-assistant

lament lava Mar 15, 2019, 1:40 AM

#

@mild veldt that site rocks! I hate how harmony works now so having a harmony remote is awesssome

#

@outer gulch https://sharethelove.io/picture-elements-cards/3d-floorplan maybe might be a place to start?

tacit cave Mar 15, 2019, 2:16 AM

#

@polar kelp omg. So the <<: on the node anchor merges the anchor?

outer gulch Mar 15, 2019, 6:44 AM

#

@lament lava i got it working css-wise.. now i want to fix it home-assistantly 😃

limpid cloud Mar 15, 2019, 7:19 AM

#

if i delete width: it is in the center but unfortantly the size changed

#

Has anyone a idea, why my floorplan custom:card is not in the middle?

#

@elder pendant https://paste.ubuntu.com/p/rKzhJ27kzD/

#

https://grtdlks.eu/index.php/s/GDkTNFsTd4jQi6n/preview

outer gulch Mar 15, 2019, 7:54 AM

#

i'm trying to get state_filter working for device_trackers

#

ah.. cool! nevermind

#

got it working 😄

polar kelp Mar 15, 2019, 8:04 AM

#

@tacit cave Correct http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/

outer gulch Mar 15, 2019, 9:40 AM

#

i'm looking for a way to toggle motion detection on/off on a camera using the lovelace ui and then toggling this directly on the card used for showing the image

#

can this be done?

polar kelp Mar 15, 2019, 9:44 AM

#

Yes. With picture-elements

frail iron Mar 15, 2019, 9:51 AM

#

how do you get horizontal scrolling without cramping items into the horizontal stack?

#

i have some media controllers that I rather prefer to scroll through instead of having them squished

polar kelp Mar 15, 2019, 9:53 AM

#

There is no horizontal scrolling in lovelace. It would be a terrible experience on mobile.

limpid cloud Mar 15, 2019, 9:53 AM

#

How can i resize a picture elements card?

frail iron Mar 15, 2019, 9:53 AM

#

yeah its for my tablet ui that is in landscape , but I understand

outer gulch Mar 15, 2019, 10:03 AM

#

@polar kelp i did it with picture-glance, actually

polar kelp Mar 15, 2019, 10:04 AM

#

Less flexible, but that works too.

#

👍

outer gulch Mar 15, 2019, 10:16 AM

#

what are you guys using for camera? i'm using zoneminder.. can i playback events through home-assistant?

wild comet Mar 15, 2019, 10:19 AM

#

i use generic ip cam :X

outer gulch Mar 15, 2019, 10:19 AM

#

what does that mean?

#

where is the dynamic ui editing saved?

wild comet Mar 15, 2019, 10:21 AM

#

android_ip_webcam:

host: 192.168.1.123
port: 8080
sensors:
- battery_level
- battery_temp

#

i just use my tablet as a cam

outer gulch Mar 15, 2019, 10:22 AM

#

what about motion detection and stuff like that?

wild comet Mar 15, 2019, 10:23 AM

#

i could do that too but i dont need that

#

i only watch my cat and my 3dprinter lol

outer gulch Mar 15, 2019, 10:23 AM

#

what does the actual motion detection, then?

#

h-a?

wild comet Mar 15, 2019, 10:23 AM

#

u could try motioneye

frail iron Mar 15, 2019, 10:42 AM

#

im trying to use the custom:config-template-card but getting a "No card type configured" error. https://paste.ubuntu.com/p/mz3rpk9TtF/

polar kelp Mar 15, 2019, 10:54 AM

#

What's up with line 33?

#

Oh. Does Ians examples start with a dash and you pasted that into the gui editor?

wheat current Mar 15, 2019, 10:57 AM

#

nope https://github.com/custom-cards/config-template-card#step-3

polar kelp Mar 15, 2019, 11:04 AM

#

The height depends on the aspect ratio of your image, Reflex. The width can only be changed by using panel: true for the view (unless you use layout-card)

limpid cloud Mar 15, 2019, 11:06 AM

#

ok, and how can i turn off that the image auto resizes to the window?

#

https://community.home-assistant.io/t/my-hass-io-and-lovelace-setup-updated/72902/1
He created a img, panel = true and the floorplan img is not adapted to the screen

polar kelp Mar 15, 2019, 11:09 AM

#

What makes you think it isn't?

#

I'd guess the image file itself has the correct ammount of empty space to the left of the building to be centered on that exact screen resolution.

limpid cloud Mar 15, 2019, 11:12 AM

#

Ohh, yes.. Thank you... :D
But there is no way to do it without empty space in the image at the left and right side?

polar kelp Mar 15, 2019, 11:16 AM

#

layout-card https://github.com/thomasloven/hass-config/wiki/My-Lovelace-Plugins

outer gulch Mar 15, 2019, 11:23 AM

#

how can i add the temperature reading overlaid a web camera?

limpid cloud Mar 15, 2019, 11:23 AM

#

@polar kelp Thanks a lot.. 😃

outer gulch Mar 15, 2019, 11:23 AM

#

do i have to use picture elements for this?

#

with picture glance i could add the sensor, but i had to hover over or click the "eye" icon to be able to see the temperature

polar kelp Mar 15, 2019, 11:33 AM

#

I think picture elements is your best bet.

#

There was talk about changing the way sensors work on picture glance months ago, but I think other things got in between.

outer gulch Mar 15, 2019, 11:39 AM

#

how is this done with picture elements, then?

polar kelp Mar 15, 2019, 11:45 AM

#

Make sure you have a background with the correct aspect ratio, add the camera as an image element with style: {left: 50%, top: 50%, width: 100%}, add the rest of the things you want on top.

outer gulch Mar 15, 2019, 11:48 AM

#

i really like the border with the picture glance method

timid burrow Mar 15, 2019, 11:58 AM

#

Hey Thomas....... the doesn’t work either.... can you show me how I would code it in that Template? I’m sure I’m missing something

outer gulch Mar 15, 2019, 12:48 PM

#

i'm using the UI to configure lovelace so far.. but how is this stored/saved?

mild veldt Mar 15, 2019, 12:56 PM

#

. storage/lovelace

outer gulch Mar 15, 2019, 12:58 PM

#

aight

frail iron Mar 15, 2019, 1:22 PM

#

how do you do a "tap-and-hold" on a pc?

#

i see the pointer turn into a circle, but the action is not executed

outer gulch Mar 15, 2019, 1:33 PM

#

well, how do you do a tap on a pc.. i'm not getting that to work

#

nevermind, got that working

frail iron Mar 15, 2019, 1:35 PM

#

a tap is just a click

outer gulch Mar 15, 2019, 1:35 PM

#

the problem, however, is that i'm overlaying images on top of each other to create an effect.. and of course then tap_action only works for the top-most image

errant birch Mar 15, 2019, 1:59 PM

#

just tried turning our alarm (verisure) on/off through the lovelace alarm panel, but it only works when I put in the code on the ui, and not by typing the code by keyboard, is this a bug ? and if so has this been reported ? (checking before i open a duplicate issue)

#

i get ```Failed to call service alarm_control_panel/alarm_arm_home. Invalid response, status code: 400 - Data: {"errorGroup":"BAD_REQUEST","errorCode":"VAL_00008","errorMessage":"Invalid or non-existing value for code"}

#

i get this error whatever I type into the cards input field (even if I leave it blank)

outer gulch Mar 15, 2019, 2:11 PM

#

is the width of a card fixed?

errant birch Mar 15, 2019, 2:14 PM

#

no, at least I don't think so

polar kelp Mar 15, 2019, 2:35 PM

#

@timid burrow It should be in the string, and inserts one non-breaking space, so if you wanted to align things, you'd probably need several.

violet talon Mar 15, 2019, 4:07 PM

#

so, I added custom_updater and followed the instructions in the 4.0.0 tag on github for using storage mode, but I'm getting an error that mode is an invalid option

dim cloud Mar 15, 2019, 4:07 PM

#

can I use custom cards without switching configuration to yaml mode?

violet talon Mar 15, 2019, 4:07 PM

#

Invalid config for [custom_updater]: [mode] is an invalid option for [custom_updater]. Check: custom_updater->custom_updater->mode. (See /config/configuration.yaml, line 16). Please check the docs at https://home-assistant.io/components/custom_updater/

#

  mode: storage
  track:
    - components
    - cards```

#

@dim cloud yes, just hit the 3 dots in the upper right > configure UI, then hit them again and click raw config editor

#

never mind. found a github issue saying that mode: storage is no longer valid:

#

https://github.com/custom-components/custom_updater/issues/113

whole heron Mar 15, 2019, 4:23 PM

#

is it complex to setup your own lovelace demo? would be much better for presenting your own ui

dim cloud Mar 15, 2019, 5:25 PM

#

wow - I am in love with this custom card: https://github.com/kalkih/mini-graph-card

#

Was about to setup influxdb+graphana to get nice graphs for each room's climate - this does it really nicely

#

Thanks to everyone making lovelace possible!

mild veldt Mar 15, 2019, 5:35 PM

#

@whole heron wat?

elder pendant Mar 15, 2019, 5:43 PM

#

I think he means a dummy UI like demo.home-assistant.io

dense glacier Mar 15, 2019, 5:59 PM

#

Just not seeing my mistake ... first attempt to add custom card
I want to add this custom card: https://github.com/postlund/home-card
I use Samba share so I have a share to \hassio
I created a folder www and a folder below that home-card (so, I think that is \config\www\home-card)
I copied the files to the home-card folder per instructions
I edited the "raw config" yaml putting in the lines
resources:

type: module
url: /local/home-card/home-card.js?v=0

#

^^^ I restarted HA, but I do not see the home-card in the list when I edit click on the + to add a card

#

What am I missing?

split granite Mar 15, 2019, 6:00 PM

#

That YAML looks (very) wrong

#

   - type: module
     url: /local/home-card/home-card.js?v=0``` would be valid

whole heron Mar 15, 2019, 6:01 PM

#

Yep

dense glacier Mar 15, 2019, 6:02 PM

#

I actually entered per instructions as:
resources:

url: /local/home-card/home-card.js?v=0
type: module
After reboot, the editor moved it to the top of the resources and flipped them around

split granite Mar 15, 2019, 6:04 PM

#

Which line the - is on doesn't matter to YAML

polar kelp Mar 15, 2019, 6:04 PM

#

...as long as it’s the first one...

dense glacier Mar 15, 2019, 6:06 PM

#

I see what you are saying, I typed into here wrong, what I have in the editor is:
resources:

type: module
url: /local/home-card/home-card.js?v=0

#

But the instructions say:
resources:

url: /local/home-card/home-card.js?v=0
type: module
I will try again with - in front of the url

polar kelp Mar 15, 2019, 6:08 PM

#

Custom cards don’t show up in the list

#

You select ”custom” or whatever it says on the bottom right (I think) and enter the card in code.

dense glacier Mar 15, 2019, 6:09 PM

#

Ok so when I do that I get type: '' enter the card between the quotes?

polar kelp Mar 15, 2019, 6:09 PM

#

Some (one and a half that I know of) custom cards DO have editors, but you still have to enter the card type yourself, then close and reopen the editor for it to show up.

#

Yes, as detailed in the documentation of the card

elder pendant Mar 15, 2019, 6:18 PM

#

one and a half 🤣

dense glacier Mar 15, 2019, 6:19 PM

#

Maybe closer - but
When I add the card manually I entered:
type: custom:home-card
them: two_story_with_garage

Following the example provided, but I'm getting Custom element doesn't exist: home-card

elder pendant Mar 15, 2019, 6:20 PM

#

Did you restart HA after creating the www directory?

mild veldt Mar 15, 2019, 6:22 PM

#

First time seeing the home card, looks cool

dense glacier Mar 15, 2019, 6:23 PM

#

Yes, I restarted, several times, after adding the www ...
\hassio\config\www\home-card
Restarting again

mild veldt Mar 15, 2019, 6:25 PM

#

Only need to once

dense glacier Mar 15, 2019, 6:27 PM

#

lol - I understand you only need to one, but I don't know I'm doing yet
So nth restart and when I add the card manually it is still telling me the customer element doesn't exist

#

once

#

\hassio\config\www\home-card\home-card.js
Is it the existence of the folder or the home-card.js that is supposed to make the card "known"?

elder pendant Mar 15, 2019, 6:31 PM

#

The file is what it's not finding

#

What do you see when you go to <your-ip>/local/home-card/home-card.js ?

#

(in your browser)

dense glacier Mar 15, 2019, 6:35 PM

#

I do get a response - the js file .... import { THEMES } from .... so all the code is returned to the browser - so the browser is finding the file
I am using a url with duckdns
https://<mypartoftheurs>.duckdns.org/local/home-card/home-card.js

#

But if I use the actual ip address it cannot connect.

polar kelp Mar 15, 2019, 6:52 PM

#

@elder pendant The half one is card-modder, but I haven't finished that yet...

#

📎 card-modder_editor.mov

#

The whole one is the animated weather card by bramkragten

elder pendant Mar 15, 2019, 6:57 PM

#

@dense glacier where exactly are you putting the resource block? Can you post your full raw-config? (https://paste.ubuntu.com/ don't post the whole thing in a message)

dense glacier Mar 15, 2019, 6:59 PM

#

I originally entered it at the bottom of the file. After reboot, I opened the editor and it had been moved to the top.

#

I posted my file as poster BOB98

mild veldt Mar 15, 2019, 7:01 PM

#

@dense glacier order doesn't matter

polar kelp Mar 15, 2019, 7:02 PM

#

@dense glacier Did you clear your cache?

dense glacier Mar 15, 2019, 7:03 PM

#

No, I'll try that.

#

Firefox is not playing well, but with Chrome I made some progress.

#

Now the card is recognized but it is complaining about a empty entity id for weather

#

I have darksky weather enabled but it is apparently not home.weather - that entity does not exist

polar kelp Mar 15, 2019, 7:14 PM

#

No... that's a simplified example...

dense glacier Mar 15, 2019, 7:24 PM

#

And I really hate that the creator as an "Errors" section that says clear your chache 😦

elder pendant Mar 15, 2019, 7:48 PM

#

Where else would it go?

polar kelp Mar 15, 2019, 9:32 PM

#

If you hang around here for a while, you’ll soon learn that’s actually the solution four times out of five.

copper hedge Mar 15, 2019, 11:06 PM

#

Very new to lovelace, i'm trying to setup this Dark-Sky custom card. https://github.com/iammexx/home-assistant-config/tree/master/ui/darksky
here is my config

url: >-
https://raw.githubusercontent.com/iammexx/home-assistant-config/master/ui/darksky/dark-sky-weather-card.js
type: module
here is my card
type: 'custom:dark-sky-weather-card'
entity_current_conditions: sensor.dark_sky_icon
entity_forecast_high_temp_1: sensor.dark_sky_daytime_high_temperature_1
entity_forecast_high_temp_2: sensor.dark_sky_daytime_high_temperature_2
entity_forecast_high_temp_3: sensor.dark_sky_daytime_high_temperature_3
entity_forecast_high_temp_4: sensor.dark_sky_daytime_high_temperature_4
entity_forecast_high_temp_5: sensor.dark_sky_daytime_high_temperature_5
entity_forecast_icon_1: sensor.dark_sky_icon_1
entity_forecast_icon_2: sensor.dark_sky_icon_2
entity_forecast_icon_3: sensor.dark_sky_icon_3
entity_forecast_icon_4: sensor.dark_sky_icon_4
entity_forecast_icon_5: sensor.dark_sky_icon_5
entity_forecast_low_temp_1: sensor.dark_sky_overnight_low_temperature_0
entity_forecast_low_temp_2: sensor.dark_sky_overnight_low_temperature_1
entity_forecast_low_temp_3: sensor.dark_sky_overnight_low_temperature_2
entity_forecast_low_temp_4: sensor.dark_sky_overnight_low_temperature_3
entity_forecast_low_temp_5: sensor.dark_sky_overnight_low_temperature_4
entity_summary_1: sensor.dark_sky_summary_1
entity_summary_2: sensor.dark_sky_summary_2
entity_summary_3: sensor.dark_sky_summary_3
entity_summary_4: sensor.dark_sky_summary_4
entity_summary_5: sensor.dark_sky_summary_5
entity_temperature: sensor.dark_sky_temperature

#

I do have the sensors in my config as well.
All I get is blank card. thanks for the help

split granite Mar 15, 2019, 11:13 PM

#

Holy wall of text, Batman

#

Sadly, unformatted...

#

https://github.com/DubhAd/Home-AssistantConfig/blob/master/lovelace/view-overview.yaml#L143 is mine @copper hedge
The DarkSky sensor config is at https://github.com/DubhAd/Home-AssistantConfig/blob/master/sensors/darksky.yaml

copper hedge Mar 15, 2019, 11:15 PM

#

thanks I'll look now

void marten Mar 15, 2019, 11:21 PM

#

ahoy peoples, anyone have a clue why when using the custom card modder, if I use the animation extra card style I get a yaml error on
animation: [[ sensor.button_animation.state ]] 2s linear infinite
Specifically the '2s linear infinite', if I remove it the error goes away but of course the animation doesn't work?

copper hedge Mar 16, 2019, 12:09 AM

#

@split granite Thanks, I got it working, I was missing an entity

kind shellBOT Mar 16, 2019, 12:09 AM

#

Tinkerer is away for 12m 15s with a message :point_right: Verifying the airspeed velocity of an unladen European swallow

tacit cave Mar 16, 2019, 1:12 AM

#

@void marten do you have the button_animation set up?

timid burrow Mar 16, 2019, 1:17 AM

#

@polar kelp I have tried all possible combinations and permutations of but I can't make anything work.... can you pobbible give me a working example I can try? I know I need to duplicate it for more than 1 space.... I just can't seem to crack the code

mild veldt Mar 16, 2019, 1:31 AM

#

@timid burrow I doubt Thomas has even gotten around to playing with my card.

#

Try \xa0

timid burrow Mar 16, 2019, 1:32 AM

#

\xa0 whereabouts?

mild veldt Mar 16, 2019, 1:33 AM

#

It’s a no-break whitespace

violet talon Mar 16, 2019, 1:33 AM

#

in unicode?

timid burrow Mar 16, 2019, 1:33 AM

#

I have 2 templates and text and I just don't know where to insert... tried everything possible I think but can't make it work... I'm just missing something basic

mild veldt Mar 16, 2019, 1:33 AM

#

I did a quick google search https://stackoverflow.com/questions/33539797/how-to-create-string-with-multiple-spaces-in-javascript

timid burrow Mar 16, 2019, 1:34 AM

#

I spent half the day yesterday googling it..

#

ah that is a great link/example.... I'll try that

violet talon Mar 16, 2019, 1:36 AM

#

that second example is interesting too &nbsp &nbsp &nbsp with no semicolon

timid burrow Mar 16, 2019, 1:38 AM

#

\xa0\xa0\xa0\xa0\xa0 works!!!

#

finally

#

thanks @mild veldt

wanton trail Mar 16, 2019, 1:42 AM

#

I think I have seen someone hiding entities from "unused entities" but I cant find how now. Anyone knows?

mild veldt Mar 16, 2019, 1:42 AM

#

Why?

wanton trail Mar 16, 2019, 1:42 AM

#

I dont what them there..

#

No need for them either

#

Z-wave devides produces tons of useless entities for each device. So my list is kind of big.

grave heron Mar 16, 2019, 2:00 AM

#

Hi. What's the status of https://demo.home-assistant.io, is it supposed to be operational? Were trying to get acquainted with the system, opened it on a Windows 10 tablet and got a blank screen (with a blue band on top). Wouldn't help to reload or anything. Tried opening in a Chromium browser for a change, but there's only a "GO BACK" button in the middle, under "Error while loading this panel". In the end, a Firefox loaded something meaningful and looks good. But this scares me quite a lot, for a smart home UI is smth I'd like to run on a variety of devices, including older ones, and here it seems a bit too much fragile. Or am I missing something?

#

UPD I opened the dev console on Chromium, and the next force reload brought the UI! Dunno if opening dev console affected the matter somehow. Could be a one-time glitch.

#

So this leaves the Win10/Edge case, which is critical for me for using it from the tablet. Got the single error in the console, "0: Unable to get property 'polyfillWrapFlushCallback' of undefined or null reference -- main.js (1,42391)", probably that's of the window.customElements.polyfillWrapFlushCallback expression. Webcomponents do not load correctly?..

mild veldt Mar 16, 2019, 2:25 AM

#

Is your chrome up to date?

grave heron Mar 16, 2019, 2:37 AM

#

Chrome not too old, a few months off maybe. But it managed to load after all.
Edge and FF are all freshest and latest.

mild veldt Mar 16, 2019, 2:38 AM

#

Edge is buggy at best and will likely not be fixed as it is scheduled to be rewritten based on chromium

grave heron Mar 16, 2019, 2:44 AM

#

You got not much alternatives on a tablet these days. Chrome is slow and a battery hog and bad at touch input, FF is much faster but still bad at touch and at battery.
Anyway it's not as buggy as to not load the page at all! I'd go for minor glitches, but a total failure is too bad to be true.

clever ore Mar 16, 2019, 3:30 AM

#

Just released a new version of compact-custom-header. You can now add a custom background color or image to the header as well as customize the color of every header element. This release also fixes the issues with 0.90.0b2 big thanks to @half osprey. https://github.com/maykar/compact-custom-header

blissful kernel Mar 16, 2019, 6:00 AM

#

I disconnected one of my switches yesterday because I am rewiring some lights in my house. By doing this I found out that the whole view where that switch is won't load on Firefox.

#

It loads in chrome, it just shows a message in yellow that says entity not available or something like that.

#

Is this a bug or a feature?

void marten Mar 16, 2019, 9:17 AM

#

Hey @tacit cave , sorry for the delay - I do indeed, I was planning to change it once I got it working but for now it's set up as per the example
sensor.button_animation blink friendly_name: button_animation
In the example are the square brackets being used to emphasis replacement?, such as [[ this bit ]] needs to be replaced, or are they literal? - If I remove them or replace them with {{ }} the error goes away (but the animation still doesn't work) - but likewise if I just replace the entire thing with blink, the error goes away again but still doesn't work. I wonder if it's to do with the card setup I'm trying to use?

vapid field Mar 16, 2019, 11:00 AM

#

Someone can advise me a method for customizing the state text appearing in lovelace of a binary sensor? I was used to use this https://github.com/andrey-git/home-assistant-custom-uiin order to achieve it, but in the lastest release of HA I it does not work anymore

split granite Mar 16, 2019, 11:16 AM

#

What are you trying to achieve?

#

Is it something that the device class (https://www.home-assistant.io/components/binary_sensor) doesn't support?

vapid field Mar 16, 2019, 11:27 AM

#

I have a esp8266 monitoring the TV state and I integrate it in HA with a MQTT binary sensor.
In my language (italian) the TV is feminine, and the adjective is feminine as well, while by default HA displays the masculine adjective
TV -> accesA/spentA, and not accesO/spentO.

frail iron Mar 16, 2019, 11:28 AM

#

any way to apply scaling to a card? i want to have 3 gauges in a horizontal stack and they kinda overlap
EDIT: ok, apparently reloading everything in the browser fixed the scaling

tacit cave Mar 16, 2019, 11:30 AM

#

@void marten have you tried putting everything in quotes?

#

FYI, {{}} brackets aren’t used here because it’s not normal templating

void marten Mar 16, 2019, 11:35 AM

#

Ah okay, if I remove the {{}} the scalar error goes away. I tried quotes in several variations, encapsulating the entire line in quotes removes the error but it also "works" without quotes too. I say works, it doesn't error - using either "blink" as static text or using the sensor in quotes produces the same error - e.g., it won't animate

#

so I think I'm round the original error, now just onto figuring out why the animation itself doesn't actually work

polar kelp Mar 16, 2019, 11:37 AM

#

[[]] must always be in quotes. Otherwise yaml will interpret it as a list containing one list.

#

Same goes with {{}} which would be a set containing a set for some interpreters, and a syntax error for others.

void marten Mar 16, 2019, 11:44 AM

#

Thanks Thomas, so in this case would this be the right format?;
animation: "[[ sensor.button_animation.state ]]" 2s linear infinite
(if so), it still results in an error;
while parsing a block mapping in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 154, column 19 expected <block end>, but found '<scalar>' in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 157, column 68

polar kelp Mar 16, 2019, 12:27 PM

#

Put quotes around the whole thing "[[ sensor.button_animation.state ]] 2s linear infinite"

kind shellBOT Mar 16, 2019, 12:50 PM

#

@vapid field posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/7B4Zdbd7yJ/

void marten Mar 16, 2019, 12:57 PM

#

that'd do it, thanks @polar kelp 😄

mild veldt Mar 16, 2019, 1:04 PM

#

@blissful kernel not a bug

polar kelp Mar 16, 2019, 1:05 PM

#

The fact that it doesn't load in firefox sounds like a bug...

mild veldt Mar 16, 2019, 1:06 PM

#

I obviously didn’t read the full message lol 🤦

#

Coffee time!!!

split granite Mar 16, 2019, 1:08 PM

#

That's a feature 😛

vapid field Mar 16, 2019, 1:33 PM

#

i saved my image for the UI in the www folder? is that the right way to do it? i see there is copies started with ._name_of_file is there a reason for that? should the images be put in that folder?

split granite Mar 16, 2019, 1:40 PM

#

Yes, images you want displayed in the UI have to be somewhere in www/ - you can add it under a sub-folder, or in there directly

#

HA itself isn't responsible for those copies you're referring to though, that's something else

vapid field Mar 16, 2019, 1:49 PM

#

Thanks, i wounder what created them 😃 they are smaller than the original file. and i use them for states images in a picture-entity card

frail iron Mar 16, 2019, 1:50 PM

#

hmm, how do i wipe the history of a sensor. my power meter had a spike to 15kW due to zwave connectivity issues so all it draws right now is a straight line

split granite Mar 16, 2019, 1:50 PM

#

Not a Lovelace issue, but you can do it by stopping HA, backing up the database, and using a sqlite3 tool of your choice to find and remove the data points

#

Or at that point, just delete the database 😉

frail iron Mar 16, 2019, 1:51 PM

#

sorry bout the wrong chan, will do

dreamy tendon Mar 16, 2019, 2:38 PM

#

Can I change the title of Badges?

split granite Mar 16, 2019, 2:39 PM

#

Doesn't look like it

mild veldt Mar 16, 2019, 3:19 PM

#

Badges need some love

split granite Mar 16, 2019, 3:19 PM

#

🤔 heart shaped badges

mild veldt Mar 16, 2019, 3:20 PM

#

...

whole heron Mar 16, 2019, 4:33 PM

#

style: toast

#

would be a cool feature

vapid field Mar 16, 2019, 5:19 PM

#

Hi, what´s the easiest way of sorting cards? non of my cards end up where i want them when i click up and down arrows in configuration mode

split granite Mar 16, 2019, 5:22 PM

#

https://github.com/thomasloven/lovelace-layout-card

whole heron Mar 16, 2019, 5:31 PM

#

@polar kelp the sorting of the entities of the auto-entities card is defined by the alphabetical name right? anything I overlooked how to sort them manually?

polar kelp Mar 16, 2019, 5:32 PM

#

They are firstly sorted by the order of your filters. Then by the order they have in the states object - which is alphabetical by entity id.

#

I should add a sorting option at some point.

whole heron Mar 16, 2019, 5:34 PM

#

yeah maybe I split groups up a bit... or alter the the entityid names but device_tracker.a_gateway and device_tracker.b_wifi_ap looks stupid

#

thanks

mossy gale Mar 16, 2019, 6:24 PM

#

Is the best way to get 3 across x 4 down grid of mini graph cards that are not compressed using the layout card?

polar kelp Mar 16, 2019, 6:28 PM

#

Only if stacks doesn't work for you

mossy gale Mar 16, 2019, 6:32 PM

#

stacks

#

im just trying to put 3 temperature sensors across page, and then repeat that for another 3 sensors

#

the min graph one compresses them if u try and use horizontal stack

#

for 3

#

ive spent months faffing about with HA sensors/switches etc and not really concentrated on the pretty bits of lovelace, now I am making it look prettier

#

well attempting to 😉

polar kelp Mar 16, 2019, 6:38 PM

#

You also need to put panel: true on the view

#

But if you don't like the looks of that, layout-card is probably the answer

mossy gale Mar 16, 2019, 6:40 PM

#

ah yes i'd forgotten about the panel, thanks

mossy gale Mar 16, 2019, 6:59 PM

#

1st row of 3 looks great, how do i start another row within a panel

#

tried adding another horizontal stack which didnt have the desired result

mild veldt Mar 16, 2019, 7:01 PM

#

@whole heron I have no clue what that feature idea meant

whole heron Mar 16, 2019, 7:06 PM

#

Which one?

#

No clue for missing clue

mild veldt Mar 16, 2019, 7:06 PM

#

Toast style

whole heron Mar 16, 2019, 7:07 PM

#

Oh for badges, nothing serious , ignore me

clever ore Mar 16, 2019, 7:14 PM

#

@mossy gale put everything you want displayed in panel view inside one container card like a vertical-stack

#

in your case put all your horizontal-stacks in a vertical-stack

mossy gale Mar 16, 2019, 7:15 PM

#

ahhhhhh!!! @clever ore

clever ore Mar 16, 2019, 7:16 PM

#

That's how you would use layout-card in that situation too. just replace the vertical-stack with layout-card

mossy gale Mar 16, 2019, 7:18 PM

#

perfect now 😃

opal light Mar 16, 2019, 7:20 PM

#

Is it possible to split the Lovelace.yaml up into different yamls and merge them or include each file?

mild veldt Mar 16, 2019, 7:21 PM

#

@opal light in yaml mode, yes. not if you want to use the ui editors

opal light Mar 16, 2019, 7:23 PM

#

@mild veldt I use yaml mode. Are there any docs showing how it’s done. I’ve tried to use !include and dir_merge and can’t seem to get it to work.

mossy gale Mar 16, 2019, 7:23 PM

#

@clever ore is there a way of getting a full width title, like a seperator

mild veldt Mar 16, 2019, 7:23 PM

#

That is how it is done, same as with any other yaml configuration file in HA

#

https://www.home-assistant.io/docs/configuration/splitting_configuration/

opal light Mar 16, 2019, 7:24 PM

#

Hmm ok. I must be missing something then. Thanks!

clever ore Mar 16, 2019, 7:24 PM

#

@mossy gale Try using markdown card for a title header

mossy gale Mar 16, 2019, 7:24 PM

#

thanks looking now

clever ore Mar 16, 2019, 7:26 PM

#

You might also be interested in vertical-stack-in-card

#

https://github.com/custom-cards/vertical-stack-in-card

sudden lion Mar 16, 2019, 7:26 PM

#

@mild veldt How is the button-card coming along 😮 ?

mild veldt Mar 16, 2019, 7:26 PM

#

@sudden lion ?

clever ore Mar 16, 2019, 7:26 PM

#

@mossy gale its just vertical-stack but without the space's in between cards

sudden lion Mar 16, 2019, 7:27 PM

#

@mild veldt https://github.com/custom-cards/button-card

mild veldt Mar 16, 2019, 7:27 PM

#

it's there? not sure what you're getting at

sudden lion Mar 16, 2019, 7:28 PM

#

Weren't you working on getting the old look and feel back to it? Maybe i'm wrong.

mild veldt Mar 16, 2019, 7:28 PM

#

I won't be pursuing that

#

I helped get it "working" again and that's about as much as I plan to do to support it

opal light Mar 16, 2019, 7:29 PM

#

@mild veldt I found an example of using views and then an individual file for each view. Does that go under Lovelace: in the config?

mild veldt Mar 16, 2019, 7:29 PM

#

https://www.home-assistant.io/lovelace/yaml-mode/

#

no

clever ore Mar 16, 2019, 7:30 PM

#

@sudden lion https://community.home-assistant.io/t/lovelace-button-card/65981/422

mossy gale Mar 16, 2019, 7:30 PM

#

@clever ore https://imgur.com/a/eFqXhjj perfect, just going to add a seperator

#

can you make the text in the markdown centre justified

#

ah you can just use HTML maybe

#

i will give that a go

#

hmmm didnt like that

polar kelp Mar 16, 2019, 7:55 PM

#

Not all html tags work in markdown card, but <center> does.

clever ore Mar 16, 2019, 8:01 PM

#

@mossy gale Like @polar kelp said, <center>Title</center> will do the trick.

#

since the title will stretch all the way across in the panel, you could put some useful info in there with thomas's useful-markdown-card

#

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

opaque socket Mar 16, 2019, 8:27 PM

#

When editing badges, removing one, causing the one below to shove up makes the delete button misaligned or something causing it to function like open menu button 🤔

mossy gale Mar 16, 2019, 8:28 PM

#

I was using the whole shabbang for a paragraph etc, that's why it didn't work. Thanks for all the tips above people

gaunt sable Mar 16, 2019, 8:31 PM

#

Has anyone activated lovelace in the configuration.yaml file only to have it reonboard you.. then not load any of your previously configured componentsÉ

#

It seems like HA is no longer loading my config at all.. but I don't see any errors in the logs..

mild veldt Mar 16, 2019, 8:33 PM

#

If you chose yaml mode after using storage, you'll need to copy your config

gaunt sable Mar 16, 2019, 8:33 PM

#

ah hell.. I think I just realized why. One sec

mild veldt Mar 16, 2019, 8:33 PM

#

https://www.home-assistant.io/lovelace/yaml-mode/

gaunt sable Mar 16, 2019, 8:33 PM

#

Never used lovelace until today

#

but I think my container is using the wrong directory for the volume..

mild veldt Mar 16, 2019, 8:34 PM

#

if you want the auto generated config, take control, and then open the raw editor to grab the config and copy it to your ui-lovelace.yaml file

gaunt sable Mar 16, 2019, 8:34 PM

#

so the reason it's not loading my config.. is because it's created a blank one

#

thanks Ian. I'll take a look at that

granite bison Mar 17, 2019, 12:45 AM

#

Anyone have a Custom Card for Roku Remote? I found one and it's working but you can't see the individual buttons. But they're there because I can click them and see the action on the TV.

#

I actually see @mild veldt a few messages above... Just double checked and it's the one you published. Any insights?

mild veldt Mar 17, 2019, 1:31 AM

#

You can submit an issue on the repo with details @granite bison

granite bison Mar 17, 2019, 1:32 AM

#

Okay I'll play with it before actually submitting an issue. Wasn't sure if it a simple theme issue. Imagine it's a me issue and not card issue.

#

Thanks

buoyant tangle Mar 17, 2019, 8:59 AM

#

Good day. could anyone advise how to use clicking on a frontend view tab as an automation trigger. for example is it an event that can be listened to? Thank you.

split granite Mar 17, 2019, 9:00 AM

#

You could use a tap action on an input boolean and use that as the trigger

#

I use that for conditional cards, that display and hide as I tap on the "main" card

#

  - type: picture-entity
    entity: sensor.person3_travel
    image: /local/person3.png
    tap_action:
      action: call-service
      service: input_boolean.toggle
      service_data:
        entity_id: input_boolean.lovelace_person3_more

buoyant tangle Mar 17, 2019, 9:03 AM

#

@split granite thank you. will elaborate on the case. I created a "mobile" view, which has a few custom cards; problem is that often i doesnt reload completely and needs refreshing. so Thomas (apologies if not full name) created a custom plugin called browser-commander that refreshes the page. So if i can "intercept" the view click , I can then trigger an additional auto refresh.

split granite Mar 17, 2019, 9:04 AM

#

Ah, you want to work around something being broken 😉

#

That would be dangerous

buoyant tangle Mar 17, 2019, 9:05 AM

#

exactomondo 👌

split granite Mar 17, 2019, 9:05 AM

#

You visit the view. The page auto-refreshes. At that point you're visiting the view. The page auto-refreshes. Repeat

buoyant tangle Mar 17, 2019, 9:05 AM

#

yes. that's what i thought

frail iron Mar 17, 2019, 10:38 AM

#

is there any way to customize how the UI looks like for different users?

#

i only want the side tab for myself basically

buoyant tangle Mar 17, 2019, 11:08 AM

#

use this

#

https://github.com/maykar/compact-custom-header

frail iron Mar 17, 2019, 11:28 AM

#

@buoyant tangle thanks, that looks pretty clever

buoyant tangle Mar 17, 2019, 11:36 AM

#

@frail iron does exactly what you need

quiet tree Mar 17, 2019, 11:50 AM

#

Looking for tablet-based home automation displays, my inner nerd told me that it has to look like an LCARS panel (star-trek). I looked a bit and found great examples but nothing combined with lovelace. Does someone know a project which works on this?

frail iron Mar 17, 2019, 12:09 PM

#

the custom header looks really nice and all, but it still does allow to drag from the side to get the sidebar regardless of any config in there

split granite Mar 17, 2019, 12:13 PM

#

Wait for 0.90 😉

frail iron Mar 17, 2019, 12:21 PM

#

its not a big deal really - anyway, i found the code to "hide it" from kiosk.js and added that part into the custom header when options is off

ornate mason Mar 17, 2019, 2:22 PM

#

I remember seeing a custom card that let you place cards by absolute coordinates, but now I can't find it again. Do any of you happen to know what it's called?

#

I need it for spreading things out a bit on a magic mirror display.

ornate mason Mar 17, 2019, 3:10 PM

#

Still can't find it... Beginning to think I must've dreamt it....

clever ore Mar 17, 2019, 4:31 PM

#

@ornate mason Can't think of anything like that, but maybe picture elements would be a solution. https://www.home-assistant.io/lovelace/picture-elements/

#

https://www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/

#

if you make a large image in panel view like the link above you'd be able to make a large custom interface

#

there's also a magic mirror addon https://community.home-assistant.io/t/magic-mirror-addon-for-home-assistant/59650

clever ore Mar 17, 2019, 4:52 PM

#

or even a combo of https://github.com/thomasloven/lovelace-layout-card & https://github.com/thomasloven/lovelace-gap-card

outer gulch Mar 17, 2019, 4:58 PM

#

https://github.com/thomasloven/lovelace-slider-entity-row/blob/master/slider-entity-row.js - how do i add this to my installation?

mossy gale Mar 17, 2019, 4:58 PM

#

anyone got a suggestion a gucci display method for about 14 battery levels, they dont change level very often so line graph would look a bit flat

#

i did used to use custom gauge card ages ago, but cant get it to work nowaday

outer gulch Mar 17, 2019, 4:59 PM

#

ah, i see the developer is online as well 😃

old karma Mar 17, 2019, 5:02 PM

#

@outer gulch https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

ornate mason Mar 17, 2019, 6:04 PM

#

@clever ore As far as I can see, there's no way of putting full cards in picture elements though. :/ I'd like stuff like calendar and weather.

clever ore Mar 17, 2019, 6:08 PM

#

Yeah, if you want to use actual cards you'd need something like my last suggestion of layout-card & gap-card. Otherwise you would have to build the UI yourself essentially.

#

I really like the idea of just using lovelace for the interface in a magic mirror by having a black background and spacing things as needed

#

Been meaning to get on the magic mirror bandwagon and I like that solution more than the others out there.

thorn tide Mar 17, 2019, 6:28 PM

#

Does a custom card exists that would let me display a sensor's state right before the toggle in an entity row?
I have a row for a switch and as sensor with the consumed power. I'd like to display that in the same row, kinda like the light slider row.

mild veldt Mar 17, 2019, 6:39 PM

#

@clever ore @ornate mason you can add ANYTHING to picture-elements

#

If not an element you just need to prefix it with “custom” and give the full name e.g. custom: hui-picture-glance-card

clever ore Mar 17, 2019, 6:40 PM

#

Oh really?

mild veldt Mar 17, 2019, 6:40 PM

#

Yarp

clever ore Mar 17, 2019, 6:40 PM

#

that's quite awesome

mild veldt Mar 17, 2019, 6:41 PM

#

Docs could probably be clearer, although I don’t think it was designed to do that, just happens to work

clever ore Mar 17, 2019, 6:43 PM

#

Interesting. I need to play with that and see what's possible. Should be able to adjust sizing of cards too.

mild veldt Mar 17, 2019, 6:44 PM

#

Yes

ornate mason Mar 17, 2019, 6:46 PM

#

@mild veldt That's awesome! Thanks. 😄

old karma Mar 17, 2019, 7:05 PM

#

@thorn tide , https://github.com/MizterB/lovelace-secondaryinfo-entity-row

thorn tide Mar 17, 2019, 7:20 PM

#

@old karma Thank you! I was thinking on the same row, but fwiw the secondary info text probably looks better 😃

jade bough Mar 17, 2019, 7:57 PM

#

how to load jquery.mobile-1.4.5.min.js into custom card js file?

broken nimbus Mar 17, 2019, 8:07 PM

#

How would you remove an entity from home assistant which is added using the integrations page? I flashed a sonoff with epshome, added it to homeassistent at configuration - integrations and then changed the name of the sonoff in esphome. I tried removing the integration and re-adding it, but it still shows the first entity's, which say (unavailable) right now.

outer gulch Mar 17, 2019, 8:18 PM

#

@old karma do i have to restart something afterwards?

polar kelp Mar 17, 2019, 8:19 PM

#

If you just now created the www/ directory, you need to restart hass. Otherwise no.

outer gulch Mar 17, 2019, 8:26 PM

#

nope, it's already there

#

but the custom card won't load

#

or, rather.. where can i access it once it's loaded?

#

i tried adding a new card using the gui.. maybe not visible there?

#

it's this: https://github.com/thomasloven/lovelace-slider-entity-row

#

maybe not editable through the gui?

polar kelp Mar 17, 2019, 8:50 PM

#

Well.. that's not a card

#

If you want to use the gui editor with that, you'll have to switch to the yaml editor for that card.

outer gulch Mar 17, 2019, 8:53 PM

#

ok, figured it out 😃

#

is there a place to click to just toggle the light off?

#

instead of sliding it all the way to the bottom?

dusty marten Mar 17, 2019, 9:06 PM

#

Is there a way to hide the slider on the default "Switch" group?

whole heron Mar 17, 2019, 9:07 PM

#

slider?

dusty marten Mar 17, 2019, 9:08 PM

#

right now it's full of a bunch of unrelated things that don't make sense to turn on and off at the same time.

whole heron Mar 17, 2019, 9:08 PM

#

show_header_toggle: false

dusty marten Mar 17, 2019, 9:08 PM

#

the little blue thing that slides back and forth on the upper-right corner of the box

whole heron Mar 17, 2019, 9:08 PM

#

^^

dusty marten Mar 17, 2019, 9:11 PM

#

@whole heron and which file does that go in? groups or customizations or somewhere else?

whole heron Mar 17, 2019, 9:11 PM

#

the lovelave config itself

split granite Mar 17, 2019, 9:11 PM

#

In the config for the card

#

Look at https://www.home-assistant.io/lovelace/entities/ for example

whole heron Mar 17, 2019, 9:12 PM

#

    - type: entities
      title: Geräte Netzwerk
      show_header_toggle: false
      entities:```

#

title of your choice 😉

dusty marten Mar 17, 2019, 9:12 PM

#

now I'm very confused.

#

where is the config "for the card" stored?

whole heron Mar 17, 2019, 9:13 PM

#

depends on how you edit the ui

dusty marten Mar 17, 2019, 9:13 PM

#

what if I haven't edited the UI yet?

whole heron Mar 17, 2019, 9:13 PM

#

when in yaml mode it is ui-lovelace.yaml when not use the ui config editor

split granite Mar 17, 2019, 9:14 PM

#

It should be exposed through the UI editor too

dusty marten Mar 17, 2019, 9:14 PM

#

the UI editor?

split granite Mar 17, 2019, 9:14 PM

#

Yes, the editor built into Lovelace, for changing the UI

dusty marten Mar 17, 2019, 9:14 PM

#

where is the button for that?

split granite Mar 17, 2019, 9:15 PM

#

Top right, three dots

#

Configure UI

dusty marten Mar 17, 2019, 9:15 PM

#

oh, fancy.

whole heron Mar 17, 2019, 9:15 PM

#

maybe you give the ui docs a try

#

everything explained there 😃

dusty marten Mar 17, 2019, 9:16 PM

#

so does this mean we don't need groups.yaml anymore?

whole heron Mar 17, 2019, 9:16 PM

#

yeah

#

I have some groups for filtering purposes

#

auto-entity e.g.

glossy birch Mar 17, 2019, 9:17 PM

#

@dusty marten you don't need groups for UI anymore. you could still use them if you want to use them for group status.

whole heron Mar 17, 2019, 9:17 PM

#

^^ 😃

dusty marten Mar 17, 2019, 9:17 PM

#

"group status"?

split granite Mar 17, 2019, 9:17 PM

#

You may want to group, say, all the entities relating to a room

glossy birch Mar 17, 2019, 9:17 PM

#

like when you have multiple entities in a group - like device trackers, the group status shows if everyone is home or not

split granite Mar 17, 2019, 9:17 PM

#

Or a person, or the doors on the outside of your house, or other things

whole heron Mar 17, 2019, 9:18 PM

#

or adding a group in a single row in one card

split granite Mar 17, 2019, 9:18 PM

#

Or if anyone is home - default is that if any entity is in on/home then the group is, but you can flip the logic these days

dusty marten Mar 17, 2019, 9:19 PM

#

oh, ok, that kind of group status.

whole heron Mar 17, 2019, 9:19 PM

#

- type: entities
  title: Anything
  show_header_toggle: false
  entities:
    - sensor.not_a_group
    - sensor.something_really_special
    - type: custom:fold-entity-row
      head: group.important_group```

#

better than adding a lot of sensors to that card

#

(imho)

glossy birch Mar 17, 2019, 9:23 PM

#

one thing I noticed is when you split lovelace into multiple files, and when you make changes to one of those files, you can't simply refresh the UI to reflect the changes... somehow you have to restart

split granite Mar 17, 2019, 9:24 PM

#

It seems to be fine if you edit the main file too

#

At least, it has been for me

lofty summit Mar 17, 2019, 9:24 PM

#

Hey guys, just released a new version of bar-card. Now also works with auto-entities! 😮 https://community.home-assistant.io/t/lovelace-bar-card/87503/85?u=gluwc

whole heron Mar 17, 2019, 9:25 PM

#

yeah same here

#

@lofty summit 👍🏼 really cool card!

lofty summit Mar 17, 2019, 9:26 PM

#

Thanks 😄

mild veldt Mar 17, 2019, 9:28 PM

#

@glossy birch use the refresh in the drop down of the top right

glossy birch Mar 17, 2019, 9:33 PM

#

@mild veldt thanks! I never use that menu 😛

#

is there any way we can export unused entities or create a list of entity_ids? I manage the lovelace file manually, it would be nice if I can just copy unused entity ids and paste it in my ll config file

polar kelp Mar 17, 2019, 9:38 PM

#

@outer gulch No, not unless you select toggle: true. Though someone was working on redesigning the tap actions of the entities card, so it might be possible soon...

mild veldt Mar 17, 2019, 9:46 PM

#

@polar kelp that PR was shot down

polar kelp Mar 17, 2019, 9:46 PM

#

I must have missed it

#

Oh. It's still open. Seems I've got some reading for tonight

whole heron Mar 17, 2019, 10:09 PM

#

in auto-entites, cann I include more than 1 group with one state?

polar kelp Mar 17, 2019, 11:02 PM

#

Huh?

prime umbra Mar 17, 2019, 11:33 PM

#

@clever ore for some reason your card compact custom header will hide under the banner

clever ore Mar 17, 2019, 11:35 PM

#

Please submit an issue to the github page. It will ask you for all the info I need to help troubleshoot.

#

Also, do a hard refresh to be sure caching isn't the issue. Ctrl + Shift + R in Chrome

buoyant tangle Mar 17, 2019, 11:42 PM

#

Good day. could anyone advise how to use clicking on a frontend view tab as an automation trigger. for example is it an event that can be listened to? Thank you.

whole heron Mar 18, 2019, 12:02 AM

#

dunno, sorry

quick rampart Mar 18, 2019, 12:55 AM

#

anyone here use Fully Kiosk Browser"?

dense glacier Mar 18, 2019, 3:56 AM

#

@polar kelp do you have any dev instructions for your custom lovelace cards? I'd love to help implement some of the enhancements/features people have requested but i'm unsure where to start

#

love your work btw

sudden lion Mar 18, 2019, 7:43 AM

#

@quick rampart yes

gilded plume Mar 18, 2019, 7:43 AM

#

Goodmorning! Looking for some advice, im working on my lovelace design and i'm using the custom button card for my lights to archieve a handy view. So far working great/looking great but i also want to see the timer of the specific lights. I would love to get it at the place of the arrow (first black button before 10% dim) but button card is not supporting it. Does someone have an idea on how to get this nicely? (Note: The card above named Achterhoek is the name of the light group it's representing)

https://imgur.com/a/wPuZ680

tacit cave Mar 18, 2019, 11:35 AM

#

is there a picture card that doesn't require refreshing?

short dagger Mar 18, 2019, 11:48 AM

#

How often checks the custom_updater for updates? Can someone tell me that?

Got it sorted already

mild veldt Mar 18, 2019, 12:00 PM

#

@tacit cave ?

tacit cave Mar 18, 2019, 12:02 PM

#

Just set up image processing. And I wanted to test it with Loveless. So I made a picture card with a tap action that forms the image processing and updates the image. It doesn’t update the image in the UI. I’ll admit, I was in a hurry to get to work so I didn’t wait.

#

I was using just a normal picture card. Not picture glance or picture entity

#

I guess I expected the picture card to look at the date modified an update based on that but it’s apparent that it doesn’t

polar kelp Mar 18, 2019, 12:12 PM

#

That’s how browsers work.

#

You can make it a camera feed

#

with support from the backend

tacit cave Mar 18, 2019, 12:26 PM

#

@polar kelp ah ok, I’m used to a .net interface

#

So there’s no way to freeze and force a redraw on a browser?

old karma Mar 18, 2019, 12:28 PM

#

@tacit cave , maybe use the Local File Camera and update it with service: camera.local_file_update_file_path

tacit cave Mar 18, 2019, 12:29 PM

#

Ok, I’ll give that a whirl. Thanks

polar kelp Mar 18, 2019, 12:39 PM

#

Yeah. That’s the one.

native snow Mar 18, 2019, 12:50 PM

#

Hi everyone, I'm on HA on hassio on the latest version. My lovelace ui was being generated automatically. Is there a way to generate the lovelace yaml file to make it look like what it is now? On the flipside, it's said you can manage the UI from within the UI - how does one do that? Thanks in advance 😃

mild veldt Mar 18, 2019, 1:10 PM

#

@native snow https://www.youtube.com/watch?v=XY3R0xI45wA

fathom tree Mar 18, 2019, 2:55 PM

#

has anyone tried getting a google doc to show up on HA? Maybe as an iframe? MrsZzs is going out of town and she made a schedule in a google doc that would be nice to display on our HA Kiosk.

raven nacelle Mar 18, 2019, 3:17 PM

#

@fathom tree Did you try just using the URL https://sites.uci.edu/docs/extending-your-blog/embed-google-docs/ in iFrame card?

#

I haven't, but am thinking that it should work

fathom tree Mar 18, 2019, 3:20 PM

#

I'll give it a go

#

thanks

robust barn Mar 18, 2019, 4:08 PM

#

do

#

i n "custom:compact-custom-header" , do i have do add the all lines in all of the views
- type: 'custom:compact-custom-header'
active_tab_color: '#2980b9'
main_config: true
all_tabs_color: red
all_buttons_color: '#2c3e50'
tab_indicator_color: yellow
menu: hide
voice: hide
notifications: hide
exceptions:
- conditions: {}
config: {}
or only this - type: 'custom:compact-custom-header' ?

#

Drzzs...?

mild veldt Mar 18, 2019, 4:14 PM

#

~format

kind shellBOT Mar 18, 2019, 4:14 PM

#

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

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

clever ore Mar 18, 2019, 4:26 PM

#

@robust barn You only need to have the config in the first view. All others just need - type: 'custom:compact-custom-header'

outer gulch Mar 18, 2019, 6:30 PM

#

when adding png images on top of each other.. how do i set the size of the png in relation to the background png?

#

now i have to fine-tune and guess to get the foreground pngs to align to the background image

#

i guess the width of a card is predefined, or?

polar kelp Mar 18, 2019, 6:36 PM

#

No. It's between 300 and 500 pixels, I believe, if you're not using panel: true.

#

But you can use e.g. width: 10% in styles.

kind shellBOT Mar 18, 2019, 6:37 PM

#

@west timber posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/42XKtgMRnH/

polar kelp Mar 18, 2019, 6:38 PM

#

A tip is to use the object inspector in chrome to play around with the settings until you're happy. Someone should be able to link you a video about this on youtube.

#

@west timber Which one isn't working? Or did you add a whole bunch of things at once without testing in between?

west timber Mar 18, 2019, 6:40 PM

#

All of them I think... I have this error.
Custom element doesn't exist: custom:card-modder

polar kelp Mar 18, 2019, 6:41 PM

#

Did you just now create the www/ directory?

outer gulch Mar 18, 2019, 6:42 PM

#

@polar kelp was that thing with the object inspector for me?

polar kelp Mar 18, 2019, 6:43 PM

#

yes

west timber Mar 18, 2019, 6:43 PM

#

I put it directly in the config directory. No luck with the www/ directory.
I tested with a background picture.
Running Home-Assistant on a Unraid server in a docker

outer gulch Mar 18, 2019, 6:43 PM

#

@polar kelp i'm doing stuff like: position: absolute; top: 39%; left: 34%; transform: initial; width: 22% now

#

but it doesn't feel "scientific"

polar kelp Mar 18, 2019, 6:44 PM

#

@west timber https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

outer gulch Mar 18, 2019, 6:44 PM

#

even stuff like width: 23.4% and left: 1.4%

west timber Mar 18, 2019, 6:45 PM

#

Tks Thomas, I will take a look to your link.
regards, Max

polar kelp Mar 18, 2019, 6:47 PM

#

Ah! There it is!

#

@outer gulch https://www.youtube.com/watch?v=3T_jcBn6-X4

#

And skip the position and transform. The defaults are the best.

outer gulch Mar 18, 2019, 6:48 PM

#

@polar kelp that works fine for something that should be placed ish.. but i'm putting a colored image on top of the same black and white image

polar kelp Mar 18, 2019, 6:48 PM

#

Oh. Then it's just {top: 50%, left: 50%, width: 100%}, assuming then have the same size.

outer gulch Mar 18, 2019, 6:49 PM

#

no, not same size

#

i have a family photo.. so i use the device tracker to show who's home and away

#

the ones away are in black/white, whereas those at home are in colors

#

i've gotten it working and the effect is ok..

#

but it doesn't feel "scientific" 😃

polar kelp Mar 18, 2019, 6:51 PM

#

Well... if you want the scientific method, there's either the posibility of making the overlays the same size as the background and mainly transparent, or I guess you could go into some image editing software and measure it out... but I'd go with the method in the video.

#

If it makes you feel better, I'm actually a physicist...

split granite Mar 18, 2019, 6:53 PM

#

That's like saying you're an engineer. Now I want to know which sub-field 😛

outer gulch Mar 18, 2019, 6:53 PM

#

hehe, i did that the first time around, but then i lost the option of toggling the individual person to see the details... 😃

#

so that's when i started outlining each "head" and then manually placing them on the background

#

but i'm happy enough with the result, was just wondering if there was some smart trick

polar kelp Mar 18, 2019, 6:58 PM

#

@split granite Engineering Physics. Mastered in Complex Adaptive Systems Analysis. Currently working with power grid design / chemical transport-reaction / heat transfer modeling etc...

split granite Mar 18, 2019, 6:59 PM

#

I understood all the words, individually 😛

#

Actually, sounds pretty cool

polar kelp Mar 18, 2019, 6:59 PM

#

It is! ... but I may be biased...

split granite Mar 18, 2019, 7:00 PM

#

Solving problems... always fun in my book

polar kelp Mar 18, 2019, 7:01 PM

#

Yeah. And that's why people seldom specify which field of engineering. It doesn't matter much.

split granite Mar 18, 2019, 7:01 PM

#

True 😄

mild veldt Mar 18, 2019, 7:09 PM

#

OH! I'm supposed to solve problems with my engineering degree, not make more? I've been doing this wrong...

polar kelp Mar 18, 2019, 7:16 PM

#

We're not supposed to tell people how it actually works, Ian!

obtuse agate Mar 18, 2019, 7:16 PM

#

where can i find some cool new premade lovelace ui's that i could just start using? 😃

polar kelp Mar 18, 2019, 7:16 PM

#

https://sharethelove.io

#

That's one answer. The better one is: You can't. The UI is personal.

obtuse agate Mar 18, 2019, 7:18 PM

#

well, most of us have similar stuff, some temperature sensors, lights, perhaps plant monitor ;P

violet talon Mar 18, 2019, 7:47 PM

#

the entity ids are probably different though

wary sail Mar 18, 2019, 9:02 PM

#

Hi, Enybody know what is default entity icon color in rgb or hsl?

short zephyr Mar 18, 2019, 9:04 PM

#

is there a way to change lovelace picture-glance card entity icon colors?

clever ore Mar 18, 2019, 9:08 PM

#

@wary sail The default HA blue? #03A9F4 which converts to rgb(3,169,244)

#

All the default theme values here: https://github.com/home-assistant/home-assistant-polymer/blob/master/src/resources/ha-style.ts

wary sail Mar 18, 2019, 9:09 PM

#

thanks, will check it

#

@clever ore not this blue, the second one from top http://i64.tinypic.com/2ce5em1.png

clever ore Mar 18, 2019, 9:24 PM

#

Not sure, but if you inspect the element that is that color in your browser it will either give you the value or the variable name that you can look up in the link above.

wary sail Mar 18, 2019, 9:35 PM

#

found it, #44739e thank you @clever ore

vapid field Mar 18, 2019, 9:40 PM

#

how do I get the formatting correct on this card? the images just wont line up and the text covers it:/

#

https://imgur.com/a/Jgs1vXp

#

its supposed to have the status text under the picture.. using horizontal stack with picture-elements..

latent moss Mar 19, 2019, 1:12 AM

#

My friend is helping me make a picture-elements card, problem is when you click certain parts of the image it doesn't always fill the whole button (example: https://i.imgur.com/OgDa8BL.png the blue thing you get when you click on it is supposed to fill the whole shape but only does half). He insists that his CSS is correct but "their [lovelace] buttons are a set width".and gave me this image https://i.imgur.com/oXAP37s.jpg .. any ideas ?

tacit cave Mar 19, 2019, 2:08 AM

#

@vapid field your images need to have whitespace below the wording. Picture elements only position things inside the image size.

vapid field Mar 19, 2019, 2:18 AM

#

Hi, there, I am new with lovelace and now I am struggling to add picture (flooplan = png file) to picture-element. The card looks ok with no errors but the picture is not loading. I have tried to make www folder /assets/floorplan.png. I am accessing HA remotely just FYI. Here is my code in the lovelace web editor using picture-element card. Thank for any help:

#

type: picture-elements
image: /assets/floorplan.png
elements:

type: state-badge
entity: sensor.dht_sensor_humidity
style:
top: 22%
left: 50%
type: state-badge
entity: sensor.dht_sensor_temperature
style:
top: 22%
left: 20%

tacit cave Mar 19, 2019, 2:22 AM

#

make a folder named www inside your config folder. The config folder is where configuration.yaml is located. Then inside the www folder make your asset folder and place the floorplan.png in there. When you call it out in your card, call out local. /local == /config/www. So with that being said, the location would be /local/assets/floorplan.png

#

Actual Directory:

config/www/assets/floorplan.png

What you use in yaml:

/local/assets/floorplan.png

broken jetty Mar 19, 2019, 4:48 AM

#

hi folks, I'm having trouble getting started with Lovelace. I'm following some basic tutorials such as https://www.youtube.com/watch?v=n5xMtONydEo but I'm not seeing the example card "Lights" show up or the ability to refresh the LoveLace UI in the top right menu.

#

I've added lovelace:
mode: yaml to the configuration file and restarted the server

#

Appreciate any suggestions.

elder pendant Mar 19, 2019, 4:50 AM

#

It's not recommended to use yaml mode for most users now. The raw-editor was implemented shortly after that video was posted

#

It gives you full customization all from the frontend

broken jetty Mar 19, 2019, 4:51 AM

#

ah I see. Is there a good getting started / tutorial resource you'd recommend?

elder pendant Mar 19, 2019, 4:53 AM

#

Not that I know of. Most of the tutorials transfer over as far as the yaml is concerned. It just goes in the raw editor instead of ui-lovelace.yaml

broken jetty Mar 19, 2019, 4:53 AM

#

My end goal is to try and create a customized set of Amazon Fire Tablets with something similar to this great example https://community.home-assistant.io/t/my-hass-io-and-lovelace-setup-updated/72902

#

so trying to learn the basics first

elder pendant Mar 19, 2019, 4:55 AM

#

All of that can be done with the raw editor/ ui editor

#

Those mostly look like built in cards, so it should be pretty simple

broken jetty Mar 19, 2019, 4:56 AM

#

excellent. much appreciated!

broken jetty Mar 19, 2019, 6:29 AM

#

Any idea what this error might mean? Read loop: WebSocket connection was closed, aborting

#

I think my pi might be refusing a web connection locally is that correct?

#

I'm trying the lovelace ui at https://community.home-assistant.io/t/my-hass-io-and-lovelace-setup-updated/72902 and parsing through the errors that it's throwing.

frail iron Mar 19, 2019, 11:18 AM

#

is it somehow possible to give an iframe fullscreen control back? i have a media player in one

pale shoal Mar 19, 2019, 2:33 PM

#

Trying to instal Custom_updater and tracker-card but i cant get it to work. Anyone here who can guide me? I have used the guides but i can't get it to work..

balmy frigate Mar 19, 2019, 3:43 PM

#

Hi all, I have a floorplan frontend which I used to have as a “group” view. What is the best way to geht that group view into Lovelace? I already googled a lot but it seems like it is not straight forward.

flat timber Mar 19, 2019, 4:01 PM

#

recently redid my HA instance (complete rebuild when I switched from a rpi to a nuc) and now this card configuration isn't pulling my pictures and I can't figure out why

kind shellBOT Mar 19, 2019, 4:01 PM

#

@flat timber posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/XXN3zMSC7n/

flat timber Mar 19, 2019, 4:03 PM

#

nm figured it out

jade bough Mar 19, 2019, 6:49 PM

#

can i set columns in view? https://github.com/home-assistant/ui-schema/issues/171

clever ore Mar 19, 2019, 6:59 PM

#

Only by using the solutions already posted in that thread

jade bough Mar 19, 2019, 7:16 PM

#

i was hoping for something builtin not custom. I have some problems making it work

mild veldt Mar 19, 2019, 7:18 PM

#

stacks are the only available option in core

latent moss Mar 19, 2019, 8:06 PM

#

picture-elements card for the win! virtual remotes for gaming consoles (will share later on after kinks worked out) 😃 https://i.imgur.com/GcmT4Oh.png

raven nacelle Mar 19, 2019, 8:55 PM

#

we should have more of such cards. Most of us have similar devices

latent moss Mar 19, 2019, 9:26 PM

#

yeah i searched quite a bit and couldn't find a harmony lovelace card, which is weird since i'm sure lot of HA users have one. And the ones i tried making with custom-button-card etc didn't turn out so well. so now i plan to make one using picture-elements and share it eventually

polar kelp Mar 19, 2019, 9:28 PM

#

Well... there's this: https://sharethelove.io/glance-cards/av-remote

latent moss Mar 19, 2019, 9:33 PM

#

i made one similar to that too, but i'd like it to look more like the actual remote. closer together buttons (especially the directional pad) and different button shapes etc.

raven nacelle Mar 19, 2019, 10:19 PM

#

I love that

polar kelp Mar 19, 2019, 10:19 PM

#

... Sudden realization: I should make browser-commander able to set the theme...

#

That makes so much sense. I'll get on it tomorrow.

lilac rivet Mar 19, 2019, 10:44 PM

#

Not sure if this goes here in lovelace or in the main homeassistant support chat. Is there a way to hide a device from the main display?

#

Like I have myself, as well as my phone listed in the home screen, but I want to hide my phone from the display (But keep its device tracking)

tacit cave Mar 19, 2019, 10:47 PM

#

just remove it from the interface

#

have you gone to the docs and watched the videos on lovelace yet?

lilac rivet Mar 19, 2019, 10:48 PM

#

There's no way to disable it in the config?

tacit cave Mar 19, 2019, 10:48 PM

#

no

lilac rivet Mar 19, 2019, 10:48 PM

#

I searched for how to disable it, couldn't find anything

tacit cave Mar 19, 2019, 10:48 PM

#

because you aren't disabling it

#

you are removing it from the interface. The frontend is separated from the backend. You add or remove devices from the frontend. They will still exist in the back end. You should watch the videos

#

https://www.home-assistant.io/lovelace

lilac rivet Mar 19, 2019, 10:49 PM

#

Will do, thanks

#

Still tweaking some of the base stuff before I start implementing systems (still have to figure out what devices I want to use), but thank you

tacit cave Mar 19, 2019, 10:51 PM

#

Well, you are in auto mode (I don't remember if that's the name). Once you start editing the UI, things won't automatically appear in the ui. You'll have to add them.

lilac rivet Mar 19, 2019, 10:51 PM

#

I'll keep that in mind

#

You know your a bit obsessed with smarthome stuff if you start setting up smarthome systems before you move into your new home

#

lol

tacit cave Mar 19, 2019, 10:52 PM

#

Yeep, just wait til you get in your home

#

24/7

lilac rivet Mar 19, 2019, 10:55 PM

#

Still, this puts me in the right direction, I appreciate the help 😃 Didn't realize the lovelace pages existed

tacit cave Mar 19, 2019, 10:59 PM

#

Yeah, they are buried

#

Half the problem is that the forums are filled with the old interface's information. So it's hard for beginners to find the correct info.

odd light Mar 20, 2019, 12:13 AM

#

when using the ping sensor, how do I display the attributes in lovelace as gauges?

broken jetty Mar 20, 2019, 12:15 AM

#

Hi Folks, I'm getting started with Home Assistant running on a pi3. I'm hoping to use the great work shared at https://community.home-assistant.io/t/sharing-my-new-theme-setup/104935/10 as a template and have downloaded all the appropriate files, yaml and javascript into a local directory on the pi. However i'm getting an error Custom element doesn't exist: card-modder. Here's a link to my lovelace raw config. Appreciate any pointer or suggestion https://paste.ubuntu.com/p/wcTvtFf4ZZ/

#

My configuration.yaml here with api keys redacted https://paste.ubuntu.com/p/XH94KRjvYJ/

elder pendant Mar 20, 2019, 12:19 AM

#

Instead of redacting things, just store them as secrets https://www.home-assistant.io/docs/configuration/secrets/

broken jetty Mar 20, 2019, 12:19 AM

#

ah thanks.

elder pendant Mar 20, 2019, 12:20 AM

#

Did you download all those files and put them in your www configuration directory?

#

Overall 👏 for providing the relevant information to solve your problem

broken jetty Mar 20, 2019, 12:33 AM

#

@elder pendant any pointers on my other question?

#

Ah just saw you responded and thanks I appreciate the help trying to make it '

#

'easy' to understand 😃

#

I did. I can give a directory list

elder pendant Mar 20, 2019, 12:34 AM

#

Are you getting that error only for the card modder?

broken jetty Mar 20, 2019, 12:35 AM

#

yes across all the panels / cards

elder pendant Mar 20, 2019, 12:35 AM

#

Do any of the custom components work?

broken jetty Mar 20, 2019, 12:35 AM

#

no not at this point

#

I appreciate I have different sensors than the original poster but I'm using dark sky as the base case to try and get the UI working first which shouldn't require a hardware sensor.

elder pendant Mar 20, 2019, 12:36 AM

#

Did you restart home assistant after creating the www directory?

broken jetty Mar 20, 2019, 12:36 AM

#

I've put all the files in config/local

elder pendant Mar 20, 2019, 12:37 AM

#

it should be in config/www

broken jetty Mar 20, 2019, 12:37 AM

#

and have restarted although it comes back suspisouly quick.

elder pendant Mar 20, 2019, 12:37 AM

#

(www in your config == 'local' to the frontend)

broken jetty Mar 20, 2019, 12:37 AM

#

That was something I was confused about the OP resource files seem to point to local?

#

ah I see.

#

Ok I should move the files. Still getting putty setup. Let me do that, move them and see how things look.

elder pendant Mar 20, 2019, 12:38 AM

#

Here's a slightly better explanation https://www.home-assistant.io/components/http/#hosting-files

broken jetty Mar 20, 2019, 12:38 AM

#

Thanks. Is there a recommendation on how to ssh into the pi? i.e. is Putty the best way or is there a Home Assistant component ?

elder pendant Mar 20, 2019, 12:38 AM

#

are you using windows to ssh into the pi?

broken jetty Mar 20, 2019, 12:39 AM

#

yes

elder pendant Mar 20, 2019, 12:39 AM

#

That is the best way

broken jetty Mar 20, 2019, 12:39 AM

#

I've not set it up yet but do I need to run this component ? https://www.home-assistant.io/addons/ssh/

#

Or can I just browse the pii via putty?

elder pendant Mar 20, 2019, 12:40 AM

#

Did you install home assistant with hassio?

broken jetty Mar 20, 2019, 12:40 AM

#

Yes

elder pendant Mar 20, 2019, 12:40 AM

#

I believe you do need that addon then. I don't use hassio so I'm not entirely sure how all of that is setup

#

With that question you'll find better answers in #330990055533576204

broken jetty Mar 20, 2019, 12:41 AM

#

k give me a sec to check it out.

elder pendant Mar 20, 2019, 12:41 AM

#

Just @ me if you need more help after you get it going

broken jetty Mar 20, 2019, 12:41 AM

#

Much appreciated

odd light Mar 20, 2019, 1:12 AM

#

is this the right place to ask about displaying an attribute of a sensor in lovelace?

latent moss Mar 20, 2019, 1:18 AM

#

@odd light i think you would have to make a template sensor that extracted the attribute, then add that to lovelace

odd light Mar 20, 2019, 1:18 AM

#

yeah I think so, I'm just not quite sure how to format it

#

I've got binary_sensor.google_dns_sensor and I want to display round_trip_time_avg:

latent moss Mar 20, 2019, 1:22 AM

#

paste this in template editor templates to see if it works, i can't test it. but hopefully gets you on the right track at least.

  - platform: template
    sensors:
      round_trip_time:
        friendly_name: 'Round Trip Time Average'
        entity_id: binary_sensor.google_dns_sensor
        value_template: "{{states.binary_sensor.google_dns_sensor.attributes.round_trip_time_avg}}"

odd light Mar 20, 2019, 1:22 AM

#

yeah

latent moss Mar 20, 2019, 1:22 AM

#

then in lovelace you would use sensor. round_trip_time

odd light Mar 20, 2019, 1:22 AM

#

I got the number part 😄

#

just now I mean

mild veldt Mar 20, 2019, 1:22 AM

#

or....config-template-card

odd light Mar 20, 2019, 1:22 AM

#

thanks for the assist

#

?

mild veldt Mar 20, 2019, 1:23 AM

#

https://community.home-assistant.io/t/100-templatable-lovelace-configuration-card/105241

#

no template sensor needed

#

but your lovelace config will look like garbage

#

trade offs

odd light Mar 20, 2019, 1:23 AM

#

dang

#

that's awesome

#

one more question, this binary sensor shows on or off in states but in lovelace is shows connected, if I wanna have it send me a push notification when I'm at home obviously, how do I pull the state

#

this gives me unknown {{states('states.binary_sensor.google_dns_sensor')}}

latent moss Mar 20, 2019, 1:34 AM

#

in your automation you can just use this as the trigger, unless i am not understanding you correctly..

    trigger: 
      - platform: state
        entity_id: binary_sensor.google_dns_sensor
        to: 'on'

odd light Mar 20, 2019, 1:38 AM

#

well for instance if I want the message to pull the state and tell me its connected, or disconnected

#

like when my alarm state changes it sends a message and in the message I have {{ states('alarm_control_panel.alarm_panel')}}

#

so it just inserts whatever the state is

#

nm that worked lol

#

pow

#

but it returns 'on' or 'off'

#

even though lovelace displays connected

#

mildly annoying 😃

#

I could be ghetto and make a message for each state

#

if its on send this, if its off send that

mild veldt Mar 20, 2019, 5:04 AM

#

New config-template-card with re-usable variables released: https://community.home-assistant.io/t/100-templatable-lovelace-configuration-card/105241/164

humble lotus Mar 20, 2019, 7:06 AM

#

Hi all, I have a question i'm trying to inc a dir list from the "lovelace raw config editor " resources: !include_dir_list lovelace/resources but it will give a error "unable to parse yaml: YAMLException: unknow tag !<?...." is it not posible to do so?

wheat current Mar 20, 2019, 7:13 AM

#

No, !include* are only available in YAML mode

humble lotus Mar 20, 2019, 7:18 AM

#

@wheat current Oki Thank you

uncut oasis Mar 20, 2019, 10:14 AM

#

Evening guys, not sure of the correct terminology or latest lovelace cards, thought it best to describe here and ask for your input.

#

Currently I have a picture-glance card with multiple lights & a door sensor for our living room. I've taken photos for each possible combination (door open, light 1 on, light2 off ETC).

#

What is the best card or method to use, so that the image behaves dynamically to reflect the state of multiple objects in the room?

polar kelp Mar 20, 2019, 11:45 AM

#

🎉
Browser-commander can now be used to set the theme on a specific device. https://github.com/thomasloven/lovelace-browser-commander
Automatically switch your dashboard to a dark theme when the sun sets. Or to one with a red primary color when your alarm is armed.

mild veldt Mar 20, 2019, 12:02 PM

#

🎉

polar kelp Mar 20, 2019, 12:06 PM

#

It will be a bit broken in 0.90, btw. Won't work if the logged in user is not admin.

gilded plume Mar 20, 2019, 12:07 PM

#

Great work @polar kelp !

#

Only saw a glimp of the split of the user / admin part at this moment in 0,90 but thought it was only a frontend split ?

polar kelp Mar 20, 2019, 12:42 PM

#

The backend also limits what the frontend can do depending on the logged in user. E.g. set the state of entities or subscribe to browser_command events.

#

Basically, there seems to be two kinds of users in the next version; admin and read-only.

#

Or read-most-things-but-not-all.

calm rock Mar 20, 2019, 2:03 PM

#

Hi, all , is it possible to show a specific attribute without creating a new sensor for each ? ,, for example states.light.lampara_con_sonido.attributes["effect"] , ??

mild veldt Mar 20, 2019, 2:08 PM

#

show it how?

calm rock Mar 20, 2019, 2:10 PM

#

like in a simple square , just a big number for example

#

found this : https://community.home-assistant.io/t/lovelace-attributes-card-entity-row/59122 , maybe applying some Css formating , may do

#

?

mild veldt Mar 20, 2019, 2:20 PM

#

you just want it in an entities card?

calm rock Mar 20, 2019, 2:21 PM

#

yes , to combine it later on a horizontal or vertical stack

#

can monster card filter attributes ?

mild veldt Mar 20, 2019, 2:26 PM

#

I can't believe I'm recommending this now...but you can use my new config-template-card with a section row

type: entities
entities:
  - type: custom:config-template-card
    entities:
      - light.lampara_con_sonido
    config:
      type: custom:hui-section-row
      label: "${states['light.lampara_con_sonido'].attributes['effect'}"

https://community.home-assistant.io/t/100-templatable-lovelace-configurations/105241
https://www.home-assistant.io/lovelace/entities/#section

calm rock Mar 20, 2019, 2:34 PM

#

thanks, will read it ! @mild veldt

calm rock Mar 20, 2019, 3:10 PM

#

@mild veldt , couldnt find the proper syntax , it still has some error , tried different indentations, adding "-" , but no luck : https://pastebin.com/QzrtL1WC

void marten Mar 20, 2019, 3:11 PM

#

Has anyone else had strange results using the includes on the *feed parser component I seem to be getting different rss field ids coming back than what are in the actual rss feed

mild veldt Mar 20, 2019, 3:12 PM

#

@calm rock updated my original

#

@void marten not really a LL question, but does sound strange. That component could use some love. Post an issue on the repo and I'll take a look tonight or tomorrow

void marten Mar 20, 2019, 3:16 PM

#

np, confused myself as I was asking as I had it in my head that it was the list-card hence the LL placement :P
I'll do some digging and come up with something concrete, cheers bud

mild veldt Mar 20, 2019, 3:22 PM

#

list-card is another one that could use some love. I think that was the first custom-card I ever made...I'm scared to look at the code

void marten Mar 20, 2019, 3:31 PM

#

haha, tbf you did good - one strange that that I found out pretty quick is if you use the "-type text" parameter (which is actually default anyway), no data shows at all...remove it and it appears, the only other type to use was image and it certainly wasn't that sort of data 😄

mild veldt Mar 20, 2019, 3:43 PM

#

yeah...just looked at the code. that's totally wrong documentation 🤣 default is nothing. I had plans for a button type it looks like

void marten Mar 20, 2019, 3:44 PM

#

haha whoops, I can raise all of the nigly bits I find if you want some easy issues to close 😃

mild veldt Mar 20, 2019, 3:44 PM

#

fixed 🎉 https://github.com/custom-cards/list-card/blob/master/README.md#column-object

void marten Mar 20, 2019, 3:45 PM

#

job well done, you can finish early 👌🏼

mild veldt Mar 20, 2019, 3:46 PM

#

I wish...5 more hours of work work

noble ivy Mar 20, 2019, 4:04 PM

#

@polar kelp Sorry if this is the wrong place for this question. I have a question about a card-modder issue. I'm trying to set individual icon colors on a glance card with card-modder, but I can't get it to work. It works fine with an entity card containing card-modder with type: custom:hui-sensor-entity-row. But when I try to achieve the same thing with a glance card I get "entity not available".

polar kelp Mar 20, 2019, 4:07 PM

#

It can’t be done with glance card unfortunately

noble ivy Mar 20, 2019, 4:31 PM

#

No way of manipulating icon color at all. That's a shame...

polar kelp Mar 20, 2019, 4:35 PM

#

Not individually

void marten Mar 20, 2019, 4:50 PM

#

ian, qq - the list-card, what does the 'add_link' parameter actually do, not sure i understand the description?

mild veldt Mar 20, 2019, 5:04 PM

#

@void marten if your feed has links you can use them in a column. e.g. You have an image column that when clicked you would like to redirect to the url provided by the feed

void marten Mar 20, 2019, 5:05 PM

#

ah okay, I get you

#

thought I might be able to get around the strange structure of the next-episode rss feed, they don't provide an image url but instead a static link to the show...with a bit of jiggery pokery you can get to the jpg url for the show but I can't think of a programmatic way to do it with the card

#

e.g.
rss link = https://next-episode.net/the-orville
image url=https://next-episode.net/tv-shows-images/huge/game-of-thrones.jpg

I don't really know if regex would work correctly on a url link? - Like strip off all characters after the last forward slash then replace it with "tv-shows-images/huge/" + %show_name%.jpg - just seems like way too many variables, especially when the show name has to be regex'd because they pass the show name, air date, episode name and episode number as one single line separated by pipes....I hate next-episode 😦

wheat current Mar 20, 2019, 5:11 PM

#

Use trakt istead then 😛

void marten Mar 20, 2019, 5:16 PM

#

sold

#

anything has to be better than that wanky rss feed

mild veldt Mar 20, 2019, 6:04 PM

#

@void marten yeah, the trakt component I made along with upcoming-media-card is 1000% better than the feedparser to list-card for upcoming shows

noble olive Mar 20, 2019, 6:08 PM

#

Is there any way to group things in Lovelace by what "Area" they're in, or do you have to make a "Group"?

void marten Mar 20, 2019, 6:09 PM

#

@noble olive there's an area registry under configuration > area registry, think it was designed specifically for that

#

cheers @mild veldt -all over it 😄

noble olive Mar 20, 2019, 6:11 PM

#

@void marten indeed, and I've set up some areas... But how do you actually organize Lovelace by area? I don't see anything different (even after adding devices to an area)

gloomy crag Mar 20, 2019, 6:12 PM

#

Trying to add themes for lovelace but I'm not allowed the frontend: key in my configuration.yaml

void marten Mar 20, 2019, 6:12 PM

#

looks like in the 0.87 release notes it says support for areas was added, allowing you to define them and add integrations to them but they don't do anything <yet>

gloomy crag Mar 20, 2019, 6:13 PM

#

is it just my build that doesn't support themes?

void marten Mar 20, 2019, 6:15 PM

#

Do you get an error when you add it griffin? - it's definitely not in there already is it?

gloomy crag Mar 20, 2019, 6:16 PM

#

yeah not in there, when I check config it says new keys not allowed

#

running image on RP3 B+

void marten Mar 20, 2019, 6:22 PM

#

a quick scan of the forums indicates it's usually caused by something not being set right - might be worth pasting your configuration.yaml into an online yaml checker (before and after) and seeing what it whinges about

gloomy crag Mar 20, 2019, 6:25 PM

#

ok yeah looks like I was formatting wrong

#

yeah ok it's working, I can select the basic happy/sad example

void marten Mar 20, 2019, 6:32 PM

#

easily done

latent moss Mar 20, 2019, 6:43 PM

#

I'm guessing the answer is no and that this is a stupid question, but is there a way to specify an mdi: icon in markdown?

#

Am trying to make a persistent notification template for feedreader component, i want to add a little rss icon thing next to the titles

polar kelp Mar 20, 2019, 6:45 PM

#

No. You can't put any kind of pictures in markdown, unfortunately.

#

But you can put a markdown card inside a picture-elements...

mild veldt Mar 20, 2019, 6:46 PM

#

and now @latent moss goes down the rabbit hole...

latent moss Mar 20, 2019, 6:47 PM

#

hah

mild veldt Mar 20, 2019, 6:47 PM

#

You can put emoji in markdown though, can't you?

latent moss Mar 20, 2019, 6:48 PM

#

Hm that might work. dont know if there'd be an rss emoji though

mild veldt Mar 20, 2019, 6:48 PM

#

yeah, probably not

clever ore Mar 20, 2019, 6:48 PM

#

What about ![alt text](/local/image.jpg)?

#

works for me in a markdown card

latent moss Mar 20, 2019, 6:49 PM

#

i'll try that

mild veldt Mar 20, 2019, 6:49 PM

#

#hacks

latent moss Mar 20, 2019, 6:50 PM

#

that works thanks maykar 👍

#

Now i'll probably spend the next five hours searching for a decent rss icon lol

mild veldt Mar 20, 2019, 6:53 PM

#

just download the mdi one?

latent moss Mar 20, 2019, 6:54 PM

#

shit i had no idea you could do that 😂 problem solved

atomic glacier Mar 20, 2019, 6:59 PM

#

@polar kelp 😎 Browser-commander + Add set-theme function = totally AWESOME!!! thanks kind sir... I didn't even have to ask for this one😂

void marten Mar 20, 2019, 7:00 PM

#

custom element doesn't exist: upcoming-media-card
Bane of my life that error 😩

clever ore Mar 20, 2019, 7:00 PM

#

What's the error?

void marten Mar 20, 2019, 7:00 PM

#

moi?

#

the one above, element doesn't exist

clever ore Mar 20, 2019, 7:01 PM

#

Config?

#

Sorry @void marten I'm doing too many things at once. What's your config look like and is there a more informative error in HA logs?

latent moss Mar 20, 2019, 7:02 PM

#

It seems you can not have an image in markdown and a heading (##) on the same line? Damn so close 😭

void marten Mar 20, 2019, 7:03 PM

#

           type: js  ``` in the lovelace config

```frontend:
      javascript_version: latest``` in the configuration yaml

Np, wasn't totally sure if you were talking to me anyway 😄

#

ignore the formatting on the first two lines, they're tabulated correctly but they've not pasted in here correctly

clever ore Mar 20, 2019, 7:05 PM

#

@latent moss Try putting the hashes first ## ![alt text](/local/image.jpg) Title

latent moss Mar 20, 2019, 7:06 PM

#

Perfect, thanks. Now only problem is that it insists on adding a title when i intentionally left the title off. Would be perfect besides this, argh https://i.imgur.com/hkf5oO8.png

clever ore Mar 20, 2019, 7:07 PM

#

@void marten that all looks good as long as that is where the card is /www/upcoming-media-card/upcoming-media-card.js What component are you trying to use it with and what do you have in entity: in the config for the card?

#

@latent moss you're using template-card right?

latent moss Mar 20, 2019, 7:09 PM

#

no persistent notifications

void marten Mar 20, 2019, 7:10 PM

#

thanks maykar, you inadvertently spotted the issue - accidentally nested it in the upcoming-media-card folder by mistake, instead of the custom-lovelace folder - if i use that one it fails to but if i change it back to 'local' only it works fine...must be permissions so I'll have a fiddle. Ta sir

clever ore Mar 20, 2019, 7:10 PM

#

Ah okay. Was going to suggest something like: if title == "Article Title" then title = ""

latent moss Mar 20, 2019, 7:10 PM

#

the persistent_notification.create service from Services page with the following json,

{
"message": "## ![image](/local/icons/apps_services/rss-box.png) [Home Assistant 1.0 Released!](http://google.com) \n\n Date Published: Mar 20 @ 03:00 PM",
"title": ""
}

i have intentionally left the title blank but it keeps adding notification_7 etc instead

polar kelp Mar 20, 2019, 7:11 PM

#

@atomic glacier It just struck me yesterday. Should have been there from the start.

wheat current Mar 20, 2019, 7:11 PM

#

Try alt+255(from numpad) @latent moss

latent moss Mar 20, 2019, 7:12 PM

#

doesnt work for me here @wheat current maybe cause i'm on a mac. but good idea

wheat current Mar 20, 2019, 7:13 PM

#

clever ore Mar 20, 2019, 7:13 PM

#

good ol' copy paste

wheat current Mar 20, 2019, 7:14 PM

#

didn't work 😦

latent moss Mar 20, 2019, 7:14 PM

#

Nope unfortunately didn't work. Closest i was able to get it was adding a period, but the blank space there annoys me 😦 https://i.imgur.com/froiF0B.png

#

i don't get why the services page lists the title as "optional", but then forces stupid notification_X on you if you leave it off..

clever ore Mar 20, 2019, 7:19 PM

#

@latent moss try this:  

latent moss Mar 20, 2019, 7:20 PM

#

nope 😦

#

Title seems to support templates so i just tried "title": " {{ states.sensor.fake_sensor }} "to hopefully make it blank, but even that comes back as "None" argh

cerulean knot Mar 20, 2019, 7:31 PM

#

https://github.com/rawframe/Persistent-Universal-Timer-for-Home-Assistant-with-AppDaemon .... i don't suppose anyone has developed cards for a timer/clock i can use on my timer ?

polar kelp Mar 20, 2019, 7:39 PM

#

And therein lies your problem, Sean. The template rendered strips all surrounding whitespace from the title which means it's an empty string that the notification drawer replaced with the ID.

latent moss Mar 20, 2019, 7:44 PM

#

@polar kelp darn, was so close to being perfect too... well at least now i know not to waste anymore time trying to figure out ways to remove the title. thanks.

wheat current Mar 20, 2019, 7:48 PM

#

just give it 10 min, @mild veldt will probably come up with some sort of a js injector to fix the problem

mild veldt Mar 20, 2019, 7:48 PM

#

...

latent moss Mar 20, 2019, 7:48 PM

#

lol

mild veldt Mar 20, 2019, 7:49 PM

#

what are we trying to do?

#

TL;DR

wheat current Mar 20, 2019, 7:49 PM

#

remove header (title) from persistant notification "cards"

latent moss Mar 20, 2019, 7:49 PM

#

send a persistent_notification without the title

dense glacier Mar 20, 2019, 7:50 PM

#

is there a way to have show a view based on whether HA is being accessed via the browser or mobile app?

latent moss Mar 20, 2019, 7:50 PM

#

on states page the persistent_notification.create service w/ this json:

{
"message": "# ![image](/local/icons/apps_services/rss-box.png) [Home Assistant 1.0 Released!](http://google.com) \n\n Date Published: Apr 1 @ 1:00 PM",
"title": " "
}

it always forces notification_x and seems like there's no possible workaround

polar kelp Mar 20, 2019, 7:50 PM

#

@dense glacier I think compact-custom-header can do that

mild veldt Mar 20, 2019, 7:51 PM

#

@latent moss you talking just about the cards in the notification panel?

polar kelp Mar 20, 2019, 7:51 PM

#

Or if you want the same view to show different things, it's state-switch

latent moss Mar 20, 2019, 7:51 PM

#

yeah

mild veldt Mar 20, 2019, 7:51 PM

#

even if you do manage it, you won't get rid of the title https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js#L72

#

if no title, it shows the id

wheat current Mar 20, 2019, 7:51 PM

#

That's the problem

mild veldt Mar 20, 2019, 7:52 PM

#

well maybe you should be more clear @wheat current !!!!!! 🤣

wheat current Mar 20, 2019, 7:52 PM

#

sorry 😢

mild veldt Mar 20, 2019, 7:52 PM

#

I'll forgive you this ONE time

dense glacier Mar 20, 2019, 7:53 PM

#

@polar kelp that's close to what i want but i was thinking something like, say i have 5 views: Home, Living Room, Kitchen, Master Bedroom, Basement. When I access HA on mobile, instead of seeing headers, I see these 5 views as buttons. then I can easily choose which one and it would show me the entities set up in that view.

latent moss Mar 20, 2019, 7:53 PM

#

that was the confusing part, the parameter section on persistent_notification.create service says Optional title for your notification. [Optional, Templates accepted] ... i left off title yet it forced me that notification id every time

mild veldt Mar 20, 2019, 7:53 PM

#

well the title is optional

#

that's true

clever ore Mar 20, 2019, 7:53 PM

#

@latent moss This works, but the space for the title remains { "message": "## ![image](/local/icons/apps_services/rss-box.png) [Home Assistant 1.0 Released!](http://google.com) \n\n Date Published: Mar 20 @ 03:00 PM", "title": "" }

#

zero-width space

mild veldt Mar 20, 2019, 7:53 PM

#

you guys are going about this all wrong

#

the answer is to submit a change to core

green ice Mar 20, 2019, 7:54 PM

#

^ this

clever ore Mar 20, 2019, 7:54 PM

#

NO! Brute force is always the answer!

latent moss Mar 20, 2019, 7:54 PM

#

wish i could code

mild veldt Mar 20, 2019, 7:54 PM

#

but even with it "working" you still have space for a title now

latent moss Mar 20, 2019, 7:54 PM

#

yeah better than notification_23 though

mild veldt Mar 20, 2019, 7:54 PM

#

is it though?

clever ore Mar 20, 2019, 7:55 PM

#

Just give it a title 😃

#

"title":"Release!"

latent moss Mar 20, 2019, 7:55 PM

#

ideally the titles would support markdown and i could just do everything in there, and keep the message blank .. but seems the titles don't support markdown

#

well this is intended to be a generic rss reader thing with feedreader component, so the titles are going to be different every time so can't do that

mild veldt Mar 20, 2019, 7:56 PM

#

sounds like an easy first PR https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js#L36

polar kelp Mar 20, 2019, 7:56 PM

#

I have a solution that gives a slightly smaller space

mild veldt Mar 20, 2019, 7:57 PM

#

@latent moss you somehow have a power over devs to get them to hack away for you 🤣

polar kelp Mar 20, 2019, 7:58 PM

#

Copy this: https://github.com/home-assistant/home-assistant/blob/dev/homeassistant/components/persistent_notification/__init__.py to custom_components/persistent_notification/, replace cv.templatewith cv.string on line 35 and comment out lines 120-125.

#

It's ugly, but it works

latent moss Mar 20, 2019, 7:59 PM

#

will try that.. thanks

polar kelp Mar 20, 2019, 7:59 PM

#

It might break other things though

latent moss Mar 20, 2019, 8:00 PM

#

half of my setup is in a somewhat broken state so that wouldn't be anything new hehe

polar kelp Mar 20, 2019, 8:05 PM

#

... it wasn't really meant as a serious suggestion, to be honest...

latent moss Mar 20, 2019, 8:20 PM

#

well that custom_component idea keeps the space free of text at least when title is not filled out. but still a bunch of blank space because of div id header or something.. i guess this is probably the best it can be without a change to the actual core so thank you @polar kelp 👍
https://i.imgur.com/AWRwS9h.png

mild veldt Mar 20, 2019, 8:22 PM

#

NOOOOOOOOOO

#

monsters

wheat current Mar 20, 2019, 8:23 PM

#

Frontend wierdness should not be "fixed" in backend 😜

latent moss Mar 20, 2019, 8:30 PM

#

the best i could do to "help" fix it is submit an issue report. but not even sure if this falls under a feature request or a bug report, and if the problem lies in persistent_notifications or the notification center itself 🤷

noble olive Mar 20, 2019, 9:32 PM

#

@void marten ah thanks man for earlier response 👍🏻

void marten Mar 20, 2019, 9:36 PM

#

np bud

mild veldt Mar 20, 2019, 9:50 PM

#

@latent moss as the title is optional on the persistent_notification side, I would say it is a bug on the frontend

latent moss Mar 20, 2019, 9:51 PM

#

alright thanks, will submit a bug report later

languid magnet Mar 20, 2019, 10:07 PM

#

anyone know how to make the grid lines lighter on history-graph when using dark theme?

calm rock Mar 20, 2019, 10:21 PM

#

is anyone experiencing lovelace not updating the screen after elements changed , and just need to refresh the page in order to see the "true" state of all ids?

timid burrow Mar 20, 2019, 11:20 PM

#

anyone else getting a message in the chrome console that card-tools lit element is depreciated and will be removed?

polar kelp Mar 20, 2019, 11:31 PM

#

Yes

#

It's so that you can pressure the card developers to use cardTools.LitElement instead of cardTools.litElement().

#

You shouldn't need to worry about it for a while longer, though

timid burrow Mar 20, 2019, 11:37 PM

#

so it's not in your card?

#

I did raise an issue on the card-tools github....

mild veldt Mar 20, 2019, 11:38 PM

#

it's not an issue, it's a pro-active warning

#

although knowing which card it is...you'd have to probably search all your custom cards for instances of litElement

#

it's probably button-card

#

wait...did that use card tools?

#

i don't remember

timid burrow Mar 20, 2019, 11:39 PM

#

I don't think so

mild veldt Mar 20, 2019, 11:40 PM

#

I have one that uses it, pc-card, but no one besides @raven nacelle uses that 😛

timid burrow Mar 20, 2019, 11:40 PM

#

the warning specifically says card-tools

mild veldt Mar 20, 2019, 11:40 PM

#

yes...?

#

card-tools is used by others devs to make their cards

#

so a card that uses card-tools is still calling litElement instead of LitElement function

raven nacelle Mar 20, 2019, 11:41 PM

#

well, it says in the future...so wait 😃

timid burrow Mar 20, 2019, 11:41 PM

#

I thought only thomas' cards are using that...

mild veldt Mar 20, 2019, 11:41 PM

#

till it breaks? 🤣

#

@timid burrow no there are a few others

raven nacelle Mar 20, 2019, 11:41 PM

#

I am sure the cards will be updated then 😉

mild veldt Mar 20, 2019, 11:42 PM

#

simple-thermostat maybe? Just search your www dir for litElement

#

any card, besides card-tools that uses that is causing the warning

#

oh yeah, I never did add card-tools to pc-card for theming, did I @raven nacelle ? forgot about that...where did I put that code...?

polar kelp Mar 20, 2019, 11:44 PM

#

It's probably one of my cards. I haven't updated them all

raven nacelle Mar 20, 2019, 11:45 PM

#

https://github.com/custom-cards/pc-card

timid burrow Mar 20, 2019, 11:46 PM

#

it would be nice if the error was more specific lol

mild veldt Mar 20, 2019, 11:47 PM

#

it has no knowledge of what card is making the call

timid burrow Mar 20, 2019, 11:47 PM

#

ok

#

so at some point a card will just stop working then we will know or it will be updated before then..

mild veldt Mar 20, 2019, 11:50 PM

#

@polar kelp I would suggest changing the wording to include how a user could determine what card is causing the error. e.g. cardTools.litElement() is deprecated and will be removed in the future. Please search your www folder for this call and raise an issue with in the card's repo to resolve

polar kelp Mar 20, 2019, 11:52 PM

#

I just realized I actually can know which card it is... kind of. Working on a fix

mild veldt Mar 20, 2019, 11:52 PM

#

👍

polar kelp Mar 20, 2019, 11:53 PM

#

I should also make the warning only show up once.

timid burrow Mar 20, 2019, 11:58 PM

#

it seems it's auto-entities and fold-entity-row.....

#

as well as card-tools

#

just by searching the www folder for cardTools.litElement()

polar kelp Mar 21, 2019, 12:00 AM

#

There we go

#

Yeah.... I realized card-tools is using the deprecated functions internally 😊

timid burrow Mar 21, 2019, 12:02 AM

#

card-tools only references cardTools.litElement() to display a warning... the other 2 it's on line 2 of the js

#

they are 2 of my most used cards too so that's why I see a bunch of errors

polar kelp Mar 21, 2019, 12:21 AM

#

There we go. card-tools, auto-entities and fold-entity-row has been updated

timid burrow Mar 21, 2019, 12:22 AM

#

woot!

#

Thanks @polar kelp I love your cards... gonna send you some coffee

#

definitely it. all errors gone now after updating. Thanks

polar kelp Mar 21, 2019, 12:30 AM

#

card-modder updated too, and I think that's all of my cards

#

Thanks a lot!

timid burrow Mar 21, 2019, 1:10 AM

#

I had to update the fold-entity row manually.. the other ones were updated by the custom-updater

grim lotus Mar 21, 2019, 2:37 AM

#

@vapid field https://github.com/custom-cards/spotify-card/issues/6

GitHub

Uncaught TypeError: Failed to resolve module specifier "@babel/pol...

Noticed this error in the last few days: Uncaught TypeError: Failed to resolve module specifier "@babel/polyfill". Relative references must start with either "/", "./"...

timid burrow Mar 21, 2019, 3:32 AM

#

I'm using @mild veldt template card. I have a sensor displayed that shows the RSSI of a mqtt device. I'd like to convert that to dBm instead of a percentage (divide by 2 and subtract 100) but can't work out how to add this to the entity name that is displayed... can anyone suggest how?

mild veldt Mar 21, 2019, 4:09 AM

#

It ain't sexy, but it works! Podcasts in HA 🎧 https://community.home-assistant.io/t/podcast-card-component-for-gpodder/106758

timid burrow Mar 21, 2019, 5:05 AM

#

hmm... signed up to gpodder, subscribed to home assistant podcast, installed sensor.... when I click on sensor, says no subscriptions