#frontend-archived

1 messages Β· Page 102 of 1

ocean skiff
#

thanks for helping

vapid field
#

@polar kelp did not chance version number, still 0.1.0. but where can i see the version number of the dev branch file?

jolly goblet
#

Good morning - This is my first time using this chat. Since the upgrade where Lovelace is now the default I'm a little confused. Before I had installed a plugin that auto created the Lovelace config file. Since the upgrade, I started getting errors that some entitiy_id have two __ I deleted the Lovelace UI file that was created by the plugin hoping with the new version of HASSIO it would create a new one. It didn't yet the UI is still there? What do I need to do to have it regenerated. I'm also confused because some of what I've read said Lovelace can be configured in the gui?

polar kelp
#

@vapid field doesn’t matter. As described in the link, what you put in there just has to be different from before.

vapid field
#

Hello guys! Does anyone of you use custom:mini-graph-card card for lovelace from kalkih?

#

it worked changing to 0.1.1. that dosn't make much sense to my, but hay its working. thank you

#

I just noticed that when I hover over the dots the time frame it shows is actually reverted... or it grows from right to left even if the graph is correct

#

so the first dot on the far right side is correct but going to the left the times are growing instead for going down

mild veldt
#

@vapid field there's already an issue ticket for it

vapid field
#

@mild veldt can you point it to me... I will follow there

mild veldt
#

...it's in the repo where you originally go the card

vapid field
#

great... I will check. Thanks

#

It's actually right now fixed! πŸ˜ƒ

jolly goblet
#

Is this not the forum to get assistance?

mild veldt
#

@jolly goblet delete ./stroage/lovelace and restart OR in the top right menu select "take control" and then you can edit it through the UI

elder pendant
#

".stroage" uh oh

jolly goblet
#

So another question. Lovelace added a new card for my security system. It has a Arm Away, Arm Home and a passcode. It doesn't do anything. Why??

jolly goblet
#

The old interface worked fine.

#

I've tried removing and recreating using gui - Still doesn not do anything.

#

The status does update. It just will not arm or disarm. I have an ELK MK1.

jolly goblet
hoary jungle
#

Hi, Is it possible to with Lovelace to display only the light ON with a wildcard so I don't need to always go in the config if I add an extra light?

#

*lights

#

I have try the following:
type: entity-filter
entities:

  • entity: light.*
    state_filter:
  • 'on'
prime umbra
#

@hoary jungle sure with a custom monster card

#
- type: custom:monster-card
  show_empty: false
  card:
    type: entities
    title: Lights On
  filter:
    include:
      - domain: light
        state: 'on'
#

you set domain

hoary jungle
#

@prime umbra Thanks Solid, I just try to install monster-card as mention but for some reason lovelace doesn't recognize it

#

I have create www in config and copy the JS file. I have reboot as mention. Add the Ressources to the lovelace config

#

When I try to create a monster-card identical at your example, I have the following error:
YAML Error: TypeError: Cannot read property 'startsWith' of undefined

prime umbra
#

are you using yaml mode or ui mode

hoary jungle
#

I'm running latest HASSIO version 86.4

#

ui

prime umbra
#

so you have to include resourses in raw config

hoary jungle
#

yes that is done

prime umbra
#

how did you put card code

hoary jungle
#

I used the skip button

#

Select all and paste (even manually) the code you mention

prime umbra
#

show code how you put

#

did you put it correctly?

#

indentation

hoary jungle
#

in Raw editor config:
resources:

  • url: /local/monster-card.js?v=2
    type: js
prime umbra
#

~format

kind shellBOT
#

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

hoary jungle
#

sorry new here. ok

#

'''

  • type: custom:monster-card
    show_empty: false
    card:
    type: entities
    title: Lights On
    filter:
    include:
    - domain: light
    state: 'on'
    '''
#
- type: custom:monster-card
  show_empty: false
  card:
    type: entities
    title: Lights On
  filter:
    include:
      - domain: light
        state: 'on'
prime umbra
#

good

#

in card you cant start with the -

#

start with
type: custom:monster-card

hoary jungle
#

Work!

#

I have to remove the - and reindent all

prime umbra
#

ya

hoary jungle
#

Thanks!

prime umbra
#

np

vapid field
#

Today I took my Lovelace plunge πŸ˜ƒ However I miss some parts that were in my groups.yaml file. Is it possible to re-trigger the creation of the automatic Lovelace config?

hoary jungle
#

@prime umbra Spoke to fast. It work I can see status ON but also all the "Uknown" state. Is it possible to only show ON state?

prime umbra
#

if you mess with groups page i see no need to create lovelace config again

vapid field
#

I meant with the views in the groups file.

prime umbra
#

@hoary jungle if you see other exemples you can maybe use the exclude:

hoary jungle
#

work thanks. I though it was only selecting ON

prime umbra
#

@vapid field are you using ui mode?

vapid field
#

Yes, I am.

#

Apparently I did the 'preview lovelace' before, and made some changes to the groups / view file. These new groups are not shown in Lovelace atm.

patent jewel
#

hello, been looking around the community discussions, also on the raw config of the demo site (first one - ARS Home) without success - is there a way to have the Thermostat card display the three dots for more info (in my HA they do not show up)?

prime umbra
#

@vapid field so if you using ui mode , create the new views in UI mode that you need, that should be done in no time πŸ˜ƒ

random mantle
#

can someone please post the first lines of what they see in the raw editor of the lovelace config πŸ˜›

sharp talon
#

Hi @polar kelp whats wrong with this picture? I've installed card-tools and the layout-card but still getting the same. https://imgur.com/wGqeXxZ

polar kelp
#

Why are you configuring a card as if it was a view?

sharp talon
#

erm... enlighten me.

#

I was using the sample code from layout-card

sleek warren
#

sorry i asked the question yesterday but i will ask again πŸ˜ƒ any plans for persistent notifications as a card in lovelace?

sharp talon
#

@polar kelp Ah worked it out. Sorry I was taking the layout example literally.

    panel: true
    cards:```
related to the view not the card.
sleek warren
#

i will branch and add the code for persistent notifications its only python πŸ˜ƒ

elder pendant
#

lovelace is JS

sleek warren
#

wow a response πŸ˜ƒ i know it is but thanks anyway

loud thistle
#

Hm, went back to a snapshot to check if I fucked up stuff or my CC2530 is dead and now all my lights are unused entities (but they works and are active). How to fix that?

mild veldt
#

@sleek warren use the monster-card on the persistent_notification domain

polar kelp
#

@sharp talon The readme was written before the gui editor existed, so starting from the view made more sense. I'll probably rewrite most of my readmes in time...

mild veldt
#

@sleek warren or try @polar kelp new card which I can’t remember off the top of my head

polar kelp
#

auto-entities

mild veldt
#

☝️

polar kelp
#

There's no plans for persistent notifications as a card, that I know of - because then notifications would change your carefully crafted layout. That's why they're behind the bell icon now.

#

Woah! Is that the time? Damned Myst games...

#

Good night!

wary quest
#

anyone have examples or screen shots on what card-modder looks like? I getting an error
Uncaught (in promise) DOMException: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry

mild veldt
#

@wary quest card-modder doesn't look like anything. It is to be used on another card

wary quest
#

so the options and stuff is all entered through code?

mild veldt
#

What are you trying to accomplish?

wary quest
#

trying to get it to work

#

I do not get any custom backgrounds I think its because of the error above. When I remove the card-modder and restart I dont get error

mild veldt
#

Did you include a resource twice?

jolly goblet
#

Lovelace added a new card for my security system. It has a Arm Away, Arm Home and a passcode. It doesn't do anything. Why?? The old interface worked fine. I've tried removing and recreating using gui - Still doesn not do anything. The status does update. It just will not arm or disarm. I have an ELK MK1. https://www.home-assistant.io/components/elkm1/

mild veldt
#

@jolly goblet try putting it in an entities card

jolly goblet
#

Yes it works fine there

#

So why?

jolly goblet
#

How do you move cards up in the interface? When I use the arrows it just moves them to the another column.

mortal cape
#

@jolly goblet it's also a matter of moving cards that you want to be under or after other cards...think of it like one long chain of cards.

jolly goblet
#

Hmm I tried that and it seemed to stop moving.

jolly goblet
#

Thanks why is this documentation not on Home Assistance website under Lovelace. I feel like they release new things without updating there own documentation?

#

As an example - I dont see in there documentation how to edit the Lovelance GUI using the GUI.... Someone had to tell me lol

#

I am really liking the gui

eager pollen
#

Where does lovelace log errors?

#

My chrome dev console is auto-clearing errors for some odd reason and my hass log is empty

#

Figured out a workaround.. forcing chrome to maintain the log πŸ˜ƒ

daring night
#

this maybe a silly question but how do you (can you) use custom lovelace cards with using lovelace in default mode (ie no longer using ui-lovelace.yaml file)?? from what I've been reading online, cards speak about editing ui-lovelace.yaml to include the resources etc but...I'm not using ui-lovelace.yaml that I'm aware of in the default HA mode so not sure how to reference a custom card via the standard new lovelace UI?? thanks and sorry is this is a silly question πŸ˜ƒ

eager pollen
#

@daring night When you go into the editor, I've had luck switch to Raw Config Mode and then doing the same work that I did in the ui-lovelace.yaml

daring night
#

@eager pollen got it - thanks, I had to place the resources in using RAW Editor etc, create a custom card in RAW Editor, thereafter I can see/edit it in normal UI - THANK YOU Sir!

eager pollen
#

No problem!

weary karma
#

hello guys. Gong Xi Fa cai from south east asia (happy new year)

#

does anyone know how to disable the touch animation in lovelace?

#

and disable the toasts

idle gate
#

hi there. where can I find the file that keeps track of the current state of the lovelace UI?

#

I'd like to edit it directly with a text editor.

#

Put differently, why don't I see a ui-lovelace.yaml file anywhere?

#

sudo find / -name ui-lovelace.yaml -print yields nothing

latent moss
#

@idle gate the ui-lovelace.yaml file is not created by default, you would have to manually create that and then also specify yaml mode in your config. In top right corner (3 dots) you go to configure ui -> raw config editor then copy and paste entire contents of that into a ui-lovelace.yaml file.

polar kelp
idle gate
#

Thank you. I thought when I pressed "Config UI" it'd get created somewhere in the filesystem. I now see how it works, thanks!

#

On a related topic, having specified my own ui-lovelace.yaml file now, did I give up the ability to have new sensors automatically appear in the UI as badges?

elder pendant
#

By default yes, you have given up that ability. With great power comes great responsibility

idle gate
#

Ok, thanks.

#

Is there a way to organize the badges? Can I group them into horizontal-stacks?

eager pollen
#

@polar kelp Can you leave resources defined in ui-lovelace.yaml but have everything else in the Online Raw Config? Not sure if my environment is bugging out or if this is allowed

polar kelp
#

No, you can't.

eager pollen
#

Interesting, I got a bunch of errors about chrome duplicate resource loads, but then I removed the resources in the online config and kept them in ui-lovelace and no console errors

#

I'm gonna restart HA to see if it'll crash now.. maybe it's cached

#

@polar kelp For some weird reason I can, it's not cached since I ran in incognito mode

#

and I'm not using yaml move

#

mode*

#

and now it went away.. looks like it's just a slow cache

dense elk
#

@polar kelp could you maybe show me an example on how I would set/increase the size of the iframe card with your card-modder...I don't quite get what the readme says...

idle gate
#

Any advice on how to group or organize badges? I'd like to place temperatures in a box, humidity in a separate box, luminescence in a separate box, etc. It's too messy as it is.

idle gate
#

Or are badges slated to disappear from the UI, and get replaced by cards? Should I not bother to organize the badges?

polar kelp
#

@dense elk The iframe card can't be changed.

dense elk
#

😒

#

would be really nice if it would be resizable

polar kelp
#

You can set the aspect ratio, and the width is controllable to the same extent as all other cards.

dense elk
#

so the width would be changed with the card modder?

polar kelp
#

No. Just with stacks and/or panel mode.

dense elk
#

cool thanks for pointing me out in the right direction where i should read

patent jewel
#

Hello , anyone know how to enable more-info on the Thermostat card? (it works in the new demo site) - I could not find any details so far.

hot gyro
#

@patent jewel which one are you looking at?

blazing hamlet
#

Howdy

#

it's possible to add extra color to a gauge severity element ?

patent jewel
#

@hot gyro hi, in the new demo (https://demo.home-assistant.io/#/lovelace/0) first showcase, ARS Home, has the three dots for more-info - I looked in the raw date from lovelace and I could not see if it is a custom component

hot gyro
#

hmm not in my browser

#

I only got the dial and the 4 values to set

mild veldt
#

@hot gyro @patent jewel more info will be coming in next release

hot gyro
patent jewel
#

@mild veldt thank you for the heads up πŸ˜ƒ

dense elk
#

is it possible to combine picture-entity and picture-glance cards?

dense elk
#

so that i get both colored picture when turned on/black and white when turned off, and below the picture icons showing if motion is detected, toggles for TV etc.

#

in the picture-glance card is it possible to modify the size of the "icons"/toggleable buttons?

mild veldt
#

@dense elk put them in a vertical-in-card-stack and it will look like one card

#

icon size is not editable

dense elk
#

@mild veldt nah I think that wouldn't produce the "feeling" that I want πŸ˜„

#

I basically want a card acting like both picture-entity and picture-glance in the same card...so from outside it looks like picture-glance but when you click on the picture it turns black'n'white

#

nevermind actually picture-glance support this

#

so question is irrelavant

warm stone
dense elk
#

For increasing the size of the iframe thing I'm gonna need some more hand-holding tho' πŸ˜ƒ (with the stacks and panel mode) πŸ˜ƒ

mild veldt
#

@warm stone no more jquery...

warm stone
#

More there as examples. The examples 2 and 6 are close ish way of copying the roller select on phone.

#

The material ui one is a little clunky and can't just be tucked into the corner on a ui

dense elk
#

In the map card is there a way to change the "style"/provider of the actual map...this white one is so bland πŸ˜ƒ

mild veldt
#

@dense elk no

steady nest
#

Hi! I used the all.automation group to show all automations before lovelace. Now this is not working anymore, as you have to add every entity. Is there any way to do this with Lovelace?

latent moss
steady nest
#

Thanks @latent moss. I have looked at this card, but could not make it work. Can I just add the example from the Lovelace frontend, or do I have to do something since this is a custom card?

#

I have done this:
Copy the js file from inside the card folder you like (e.g. monster-card), inside your config/www
Add the js file as dependency inside your ui-lovelace.yaml

But that does not work, as I'm not using the ui-lovelace.yaml. Just the frontend

latent moss
#

@steady nest Not sure honestly, haven't fully made the switch to Lovelace yet. I think that if you hit the + button and then press "Skip" button on the bottom, it'll allow you paste in raw code like that.

steady nest
#

Yeah, that is what I'm trying to do. But that is giving me an error
'YAML Error: TypeError: Cannot read property 'startsWith' of undefined'

#

I don't really understand if the ui-lovelace.yaml is relevant now that I use the frontend to change the lovelace config. Confusing stuff...

latent moss
#

the 3 dots in the top right corner, if you click that you'll see raw config editor. you can then paste that custom card code in there i think.

raven nacelle
steady nest
#

@raven nacelle Thanks, I'll take a look at that one. Is it correct to still add the plugin to the ui-lovelace.yaml file, even when I'm using the frontend to configure lovelace?

raven nacelle
#

yes, you still need to add this

elder pendant
#

If you're using the default lovelace frontend then you want to add custom components in the raw editor, not in ui-lovelace.yaml

split granite
civic sedge
steady nest
#

@elder pendant Thanks, that makes sense. I have added it to the raw config, but are still getting an error: "Custom element doesn't exist: auto-entities."

open seal
#

@civic sedge that would have been my next question, thanks!

steady nest
#

Its added like this:

title: Home
resources:
  - url: /local/plugins/auto-entities.js?v=1
    type: js
views:
open seal
#

@elder pendant what can be used, if not "default lovelace frontend"? how can it be different?

elder pendant
#

You have it the file in a plugins subdirectory? @steady nest

#

@open seal you can still use ui-lovelace.yaml if you switch to yaml mode

steady nest
#

@elder pendant Yeah, inside the www folder

elder pendant
#

so it's www/plugins/auto-entites.js

steady nest
#

No, just www/auto-entites.js

elder pendant
#

Then take out the /plugins

steady nest
#

I'll try to add it to a plugins subfolder

elder pendant
#

You don't need to, just remove plugins from your url

steady nest
#

ooomg, brain fart

elder pendant
#

local == www directory. Any path you use in local must match the path in www

steady nest
#

@elder pendant Works now, thank you!! πŸ˜ƒ

lime glacier
#

is there a card where I can regex/wildcard the entity ids in it?

#

i'd like to make a /^zwave\..*$/ card

split granite
#

~monster-card

kind shellBOT
#

Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

open seal
#

hey there guys, i have set up a nice basic ui with cards and views,now i want to jump into lovelace. i dont have the lovelace file in my config folder, so im about to create it. will it mess up my ui? are my cards gonna dissapear?

split granite
#

Use the built in editor

open seal
#

got it, thanks

latent moss
#

I have lovelace: mode: yaml set in my configuration.yaml yet it always shows me the auto-generated lovelace mode. I got it working in storage mode before, but have never been able to get it working where I edit from the text editor.

Every time I do the take control prompt it says hassio.local:8123 says Saving failed: Not supported

open seal
#

adding a light with the built in editor adds it as a dimmable light, but it is just a simple switch, pointed to a light component.

elder pendant
#

@latent moss you can't use the raw editor if you're in yaml mode

#

or the ui editor

latent moss
#

i know, the problem is it's not showing the contents of my yaml file and is instead showing the auto-generated lovelace (basically my states ui but lovelace).. I'm trying to figure out how to get it to show my yaml file

elder pendant
#

Do you have a ui-lovelace.yaml file in your configuration folder?

latent moss
#

yea

elder pendant
#

Again, you can't do that if you're in yaml mode. Remove lovelace component from configuration.yaml if you want to use that

latent moss
#

i want to use the lovelace yaml file, but it's not showing up in the browser for me, i thought that's how you had to trigger it (by pressing take control)

elder pendant
#

It goes in the same directory as your configuration.yaml

latent moss
#

(am using hassio btw, dont know if there's special instructions for it)

#

ooooh let me try that

#

wow lol. that worked, thank you.

elder pendant
#

Don't forget to restart HA after you move it

#

No problem

random mantle
#

hey everyone

#

just for fun : which lovelace theme do you like the most

latent moss
random mantle
#

ah yes i indeed tried that one , great theme

torpid notch
#

How do I hide cards from the main view in lovelace?

#

That always bothered me with the state view

elder pendant
#

Just delete the cards you don't want to see

lime glacier
#

@split granite thanks, love it

kind shellBOT
#

Tinkerer is away for 1h 39m 4s with a message :point_right: The thick plottens.

tacit cave
#

anyone know off the top of their head if there is a custom card that has a large text box for input_text?

latent moss
#

is it possible to display two cards inside a conditional card? I am trying to display a type: media-control and a type: entities but cannot figure out how.

#

This is my code:

        - type: conditional
          conditions:
            - entity: switch.xbox
              state_not: "off"
          card:
            type: media-control
            entity: media_player.xbox_one
            type: entities
            entities:
              - sensor.xbox_time_today
#

That only displays the last one (type: entities). If I try it as a list format (with dashes before each card type) it errors out.

lime glacier
#

can I get icons across the top in lovelace like in the old UI?

#

ah, they are called badges

mild veldt
#

@latent moss put them inside a stack

latent moss
#

i tried a vertical stack but got an error where the card turned red, maybe my code was wrong tho

latent moss
#

the vertical stack worked thanks @mild veldt , my code was wrong the first time. These conditional cards are so amazing, have already eliminated 3 entire views in just an hour, lovelace rocks πŸ˜ƒ

errant plover
#

This weekend's task will be to make an 'Issues' view. e.g. conditional cards for sensors that have exceeded pre-defined limits or ESP status sensors that are 'offline'. What would be best - monster or conditional card?

lime glacier
#

how do people organise their views? I have a view per room and its too much

#

I want to shrink it, make it more usable

elder pendant
errant plover
#

@lime glacier I have a floorplan panel for upstairs and downstairs from which basic things can be controlled, two room views that get the most use, then a bunch of item specific views for detailed info. Like so: https://i.imgur.com/44BLiDG.png This means some cards are repeated in different views.

dense elk
#

So found some yaml on JuanM's page and tried to incorporate it into my stuff...and i get indentation errors...whats the best way when finding code snippets online to verify or maybe automatically reindent yaml? (since by hand i'm kinda lost) πŸ˜ƒ

split granite
#

~lmgtfy yamllint

kind shellBOT
lunar trench
#

Anyone know why im getting this error when trying to click a entity and get the more-info pane
https://unsee.cc/dea3c432/
same issue with 'auto' 'es5' and 'latest' in the as javascript_version.

polar kelp
#

Any entity or just one type?

lunar trench
#

all entitys

#

seem to be an issue with the browser

#

it works with chrome, safari and firefox

#

just not with vivaldi (Chromium)

polar kelp
#

I think I found the problem, but I don't know how to fix it.

dreamy tendon
#

there's a bug with Vivaldi

#

been there for a year or so

#

It's quite annoying as the Vivaldi side bar feature is fantastic for controlling Home Assistant

vapid field
#

hi

#

is there any fix for the resizing entity-button issue yet?

hoary anchor
#

With the new Lovelace UI, should I be able to reference custom cards with the UI editor? I am having trouble with adding my first custom, I get the error
Custom element doesn't exist: mini-media-player.
{
"type": "custom:mini-media-player"
}
This is the card: https://github.com/kalkih/mini-media-player
I have put the .js in the www, and referenced the resource in ui_lovelace.yaml

#

Only thing I am unsure about is the ui_lovelace.yaml looks nothing like what the frontend config is set up to be.

polar kelp
#

If you are using the UI editor, ui_lovelace.yaml is ignored. Add the resource through the "Raw editor" behind the three dots in the top right corner instead.

#

If you wish to use ui_lovelace.yaml, you need to activate yaml mode, but then you can't use the UI editor.

hoary anchor
polar kelp
prime nacelle
#

I have tried getting back a group.all_automations card but get a crippling high memory usage in the browser. Is this a known issue? (I tried custom "group" and "auto-entities" plugins.)

polar kelp
#

That's known. It will be fixed in 0.87.

prime nacelle
#

Awesome, thanks! Can you tell me the relevant PR?

polar kelp
#

During my worst attempts I lost over 200 mb of memory per hour...

prime nacelle
#

lol, glad I asked before starting to debug :)

thin linden
#

Hi all, is it possible to order an entities card by a specific attribute?

mild veldt
#

A dynamic attribute, no? The order is static

#

That’s not to say a custom card couldn’t and just infatuate the entities card. Would be pretty easy easy to create, probably. What’s tour use case?

thin linden
#

My usecase is a trash pickup entities card, like this:

split granite
#

~images

kind shellBOT
#

Please use imgur or other image sharing web sites, and share the link here.

thin linden
velvet bloom
#

Gents, is there anyone who can help me create a combination of vertical and horizontal stack cards as i am getting my self very confused trying (noob here!)

polar kelp
#

It's so weird how waste is spelled in Dutch...

#

Because in Swedish it's Restavfall with vf.

#

@velvet bloom Draw it on paper. It helps. I promise.

velvet bloom
#

lol i basically tried that!

paper oxide
#

Show the pic, maybe we can help you out when we see what you want to achieve?

winter hollow
#

@polar kelp Well who is weird then, the Dutch or the Swedish? πŸ˜›

thin linden
#

I would say the Swedish

polar kelp
#

Let's agree to disagree

lunar lark
#

Yep monster-card it is, I just have problem with it when you use "glance" type of card, I was unable to properly set tap_action for every entity, I'm not sure if this is even possible.

keen belfry
#

Hello everybody, I'm looking for an easy way to change icon of binary_sensor in lovelace depending on its state.
It seems the following does not work.


icon: >
  if (state === 'off') return 'mdi:television';
  return 'mdi:television-off';
polar kelp
#

@lunar lark what did you try?

#

@keen belfry That looks like custom-ui syntax. A better way would be to define a template binary_sensor with a icon_template using jinja.

keen belfry
#

I never manipulated templates up to now.

#

I'm going to give a look. Thanks @polar kelp

lunar lark
#

@polar kelp I tried this:

type: 'custom:monster-card'
card:
  title: Chodba
  type: glance
  tap_action:
    action: toggle
#

This is definitely wrong but I have no idea how to "apply" tap action to entities within the glance type card.

polar kelp
#

You do that with the options parameter of the filters.

#

The "Show all lights that are on:" example. It's syntax compatible with monster-card.

lunar lark
#

Yesss, great thank you very much! it works flawlessly! πŸ˜ƒ

steady nest
#

Hi! I have added two themes to Lovelace, but both of them is giving me an white background. Anyone else experiencing this?

elder pendant
#

Are you adding themes to individual cards?

steady nest
#

@elder pendant Yes

elder pendant
#

Then why would that change your background color...

#

If you want to set a global theme click the M next to Home Assistant and select your preferred theme from there

mortal cape
#

@steady nest Yes, The "old" Home Assistant themes are still in effect and can be used. Theming individual cards is another option on top of that.

steady nest
#

Ohh, thanks. I didn't see that option

#

Okay, thanks!

slow wave
#

Is the possibility to use different views for different users still on the roadmap for Lovelace? I would love to have a separate view for my fridge tablet and another for me and the wife's phone

mild veldt
#

@slow wave yes, but can already be done with custom-compact-header and/or state-switch

slow wave
#

@mild veldt oh, I will need to take a look at that on Friday then

empty coyote
polar kelp
#

Add a WOL switch described on the page linked from that one.

empty coyote
#

But how do i make it a pushbutton? A switch isnt correct really

split granite
empty coyote
#

ah

split granite
#

It's worth actually browsing the cards πŸ˜‰

empty coyote
#

thanks πŸ˜ƒ Just started with Lovelace

split granite
#

Now you know to RTFM πŸ˜‰

empty coyote
#

Yeah yeah, i know i know... X_x πŸ˜„

slow wave
#

@split granite you should have an animated gif created in your honour, a book with rtfm flying open and then the head exploded smiley at the end πŸ˜‚

split granite
#

🀣

latent moss
#

is there a way to display text inside a picture_glance card? i can't figure it out. I want to have the battery level (ie 93%) inside this card rather than just the icon. https://i.imgur.com/FU0KFvN.png

sleek warren
#

thank you @mild veldt and @polar kelp

polar kelp
#

Huh? What did I do?

#

Oh. The notifications thing? You're welcome.

sleek warren
#

@latent moss i think you have to use the picture elements unless its a custom card, please do not take that as gospel but i think i had to do that with a plant monitor

latent moss
#

i'll look into that thanks

polar kelp
#

Yeah, picture-elements is the best way right now. There's been talk on improving the picture-glance card though once the "feature freeze" is over (tomorrow).

sleek warren
#

i see the auto-entities is experimental i am happy to hold off until something is put into main branch for persistent notifications, but is it likely to happen at any point?

#

my system is SUPER stable

polar kelp
#

Not very likely. Auto-entities is actually based on another plugin which is based on a feature which was removed from core.

#

And if you want stability, don't use auto-entities with 0.86. It leaks memory like crazy.

#

FIxed in 0.87, though.

sleek warren
#

oh so looking like persistent have gone for ever boo hoo πŸ˜‰ i'll take the plunge as i run 0.87 thank you

forest mica
#

does anyone have a horizontal card and vertical combined? for instance i want 3 entites on top of 3 gauge cards

mild veldt
#

@forest mica are you having trouble accomplishing that?

torpid notch
#

Can I hide a card from the default view in lovelave without enabling the editing mode?

forest mica
#

Yes i see some examples from the old Lovelace but it seems syntax and order has changed etc.

#

I’ve got the gauge cards in a horizontal but can’t get the rest

elder pendant
#

Are you just trying to put two horizontal stacks in a vertical stack?

forest mica
#

I want to ad an entities card with 3 entities vertically set with a horizontal card with 3 gauges

#

So they show up on top of the gauges and stay together

elder pendant
#

Can you post what you have so far and explain what isn't working the way you want it to?

mild veldt
#

@forest mica you'll want something like this

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: entity1
      - entity: entity2
      - entity: entity3
  - type: horizontal-stack
    cards:
      - type: sensor
        entity: sensor1
      - type: sensor
        entity: sensor2
      - type: sensor
        entity: sensor3
elder pendant
#

Well I could've done that, I was trying to help him figure it out πŸ˜‰

mild veldt
#

but you didn't. so I win πŸŽ‰

forest mica
#

That’s the old way though.. I’m doin it through the editor UI? And everything is in a different order

mild veldt
#

?

forest mica
#

I’ll post some config when i get home

elder pendant
#

Lovelace doesn't have an 'old way'

mild veldt
#

I think he's referring to "yaml mode"

forest mica
#

Yes i am

mild veldt
#

either way, your configuration doesn't change

#

"order" has no relation on results; as I'm assuming you are talking about the config fields being alphabetical

forest mica
#

Huh i never noticed that before.. cards athe the top.. then entities and then type. So yeah i guess it is alphabetical

mild veldt
#

in the end, it is just a lookup table of sorts

#

e.g. config.entities works regardless if it is before title or after title

forest mica
#

Ok i will try that when i get home in 30 or so. Thanks!

forest mica
#

wokrs perfect thank you

wary chasm
#

Hey all, loving the new lovelace, finally moved everything from groups to lovelace proper to get all the new features. I'm having an issues with the "history-graph". It seems to chart two graphs and I don't know why.

https://imgur.com/a/bpaKzUh

entities:

  • entity: sensor.bom_melbourne_cbd_air_temp_c
    name: Outside Temp
  • sensor.temperature_158d000156dca6
  • sensor.temperature_158d0001a2e7ec
  • sensor.living_room_temperature
    title: Air Temp vs. Inside Temp
    hours_to_show: 72
    type: history-graph
#

The top graph is exactly what I was hoping for (love it!) No idea why its producing the second one - wait, i wonder if it is purely because when i set-up the original livnig room temperature I set it to "degrees" but my history has both "degrees" and "C" version, could that be it?

#

That doesn't appear to be it, I set the time interval to 1 hour and it is still broken

polar kelp
#

If you go to /dev-states states and check their unit_of_measurement:, what does it say?

wary chasm
#

@polar kelp they say the following
unit_of_measurement: Β°C
unit_of_measurement: Β°C
unit_of_measurement: Β°C

#

Unless I am losing it (i copied each one seperately, they look identical to me - do I need to paste something unique into my config to make sure its the same unit???

I'f it helps, in my sensors.yaml i've got the follow

  • platform: template
    sensors:
    living_room_temperature:
    friendly_name: "Living Room Temp"
    unit_of_measurement: 'Β°C'
    device_class: temperature
    value_template: "{{ state_attr('fan.xiaomi_miio_device','temperature') }}"
polar kelp
#

It's probably as you say, that there's old data stuck in history for some reason... weird

sturdy vector
#

hi guys

#

is anyone from here using custom: monster-card ?

wary chasm
#

I dont quite understand edvice_class vs. unit_of_measurement, do I need both (wondering if i've got afunny character in my config file... even though its plain text)

polar kelp
#

The config files are probably utf-8 formated (if you have a decent operating system), so there could be all kinds of stuff in there...

#

@sturdy vector what's your question?

sturdy vector
#

it looks for me that the when option is not working

#

at least for me

#

it should hide the card if the when state device is met

#

thats my understanding

#

but nothing happens, card is always displayed

kind shellBOT
polar kelp
wary chasm
#

@sturdy vector you can do that with an entityfilter - i've done that to hide media components from showing when onthing is playing

sturdy vector
#

i can't use it cause i need a loop for searching the devices. i choosed monster-card cause you can put: switch.*

#

and it will grab all the switches, for example

#

im trying to make a card which displays devices left on when no one is at home

#

but i need the card to be displayed only when no one is at home

wary chasm
#

Check out that, just change state-filter to "group.anyone_home"

#

and create a group for anyone home?

#

(one option, lots of options probably - just what i'm familiar with)

polar kelp
#

Eric, that only works when displaying the same entities as controll the condition. For having something else controll the display, there's conditional.

wary chasm
#

Thanks for the lesson, thought i'd starting getting my head around lovelace, guess not!

polar kelp
#
type: conditional
conditions: 
  - entity: sensor.who_home
    state_not: 'noone'
card:
  type: custom:monster-card
  ... etc ...```
#

If you don't want to use conditional, you could just fix your indentations, btw. That would work too.

#

when should be in line with filter

sturdy vector
#

wow, thats awesome

#

i ll use yours

#

thanks for the help

#

i have another question if someone can help me

#

im not as good on jinja

#

but here s my thing: i am trying to make an automation which check what devices are on when nobody is home and turn them for me

#

i have used jinja template for the automation

#

but i have one problem

#

last comma of the string from the loop

#

i cannot remove it

#

here it is the code:

wary chasm
#

@polar kelp nice mention in the relaese notes mate!

sturdy vector
wary chasm
#

looks like they agree with you that you've got the better version!

#

Does this mean if i upgrade, your card will be out of the box?

polar kelp
#

No. It's still a custom card.

#

I recommend upgrading, btw. There's a memory leak problem in 0.86 which affects auto-entities, monster-card, conditional, state-filter and similar cards.

#

Makes your browser reeeeealy sluggish after a couple of hours.

wary chasm
#

Noted, will do that tomorrow - your customer card looks awesome btw, really going to save me a lot of time

polar kelp
#

@sturdy vector If you go to /dev-templates templates there's some sample code at the bottom which used {% if loop.last %}. That might be something for you. loop is set automatically inside a for-loop.

sturdy vector
#

thanks @polar kelp , i ll take a look

dense elk
#

For example if I want to format the date in a more nicely readable format, should i do that in the configuration.yaml or in the lovelace editor?

sleek warren
#

bashing head off wall here, some custom cards work but comster-card keeps saying does not exist 😦 known issue?

polar kelp
#

Never heard of that? Typo? Browser log?

sleek warren
#

monster-card not comster sorry!

#

tried 2 browsers incase of versioning, i will double check for typo now heart rate dropped πŸ˜ƒ

polar kelp
#

Check your browser log

sleek warren
#

assume i still need to use ui-lovelace.yaml to point to the card? or has this changed in recent revisions?

dense elk
#

thomasloven do any of the point versions of 0.86 have that memory leak already addressed?

polar kelp
#

No

#

0.87.0 is first

#

@sleek warren if you’re using the UI editor, you add resources in the Raw editor behind the three dots

#

Ui_lovelace is only used in yaml mode.

stuck fjord
#

@polar kelp do you have any screenshots of your lovelace setup available?

polar kelp
#

People expect it to be something amazing, but the truth is it's seriously underwhelming.

#

I use two custom cards.

stuck fjord
#

Beats mine:

#

Screenshot 2019-02-07 at 12.05.18.png

#

Hum...

#

I don't seem to be able to post images πŸ˜ƒ

#

Do you need to be a jedi to be able to post images?

polar kelp
#

You need to have a gray username. It's some intermediate level, I guess...

stuck fjord
#

I think I have the same brewer as you although mine's another colour. πŸ˜ƒ

polar kelp
#

Mine's actually silver, but that didn't show the difference between on and off very well, so the one in the photo is red...

stuck fjord
#

oh, the photo changes depending on status?

polar kelp
#

Yes. It's a picture-entity card. They go grayscale when off by default.

stuck fjord
#

Ah πŸ˜ƒ

restive lance
#

I have a timer exposed in the UI, when the timer gets re-triggered while it is already counting down, the ui doesn't reflect the 2nd trigger. It just continues the first countdown ?
Am I holding it wrong ?

hallow steppe
#

My custom lovelace ha-card resizes to something tiny when I call new google.maps.Map() with a div element that is correctly rendered and sized before

#

Trying to make a Google Maps-based location history card but I'm painfully new to js

#

The card does seem to resize correctly if I change its contents innerHTML manually in the same line, but Google's API takes an element and does some magic to put itself in it... Any ideas?

sleek warren
#

thanks @polar kelp i had been using the ui-lovelace file out of habit πŸ˜ƒ i can scrap that file now yes? i do use the raw editor

#

works btw πŸ˜ƒ its super sexy to lol

hallow steppe
#

Fixed my problem πŸ˜ƒ Map constructor took option noClear which did not clear the div element which lets me set a size on it when the card is loaded/updated

normal nexus
#

Does the new editor finally allow you to save comments?

sleek warren
#

now just tap_action on elements to figure out!

#

fixed πŸ˜ƒ few things have changed since ui file days πŸ˜ƒ

polar kelp
#

@normal nexus No. There will be no comments in the UI editor.

fiery temple
#

what card type do i need if i want a custom background image with entities on it?

polar kelp
#

picture-elements

fiery temple
#

thnx

fiery temple
#

mm not sure what im doing wrong here:

type: picture-elements
image: /local/ret_tram.jpg
elements:
  type: entities
    - entity: sensor.tram_23_departure

YAML Error: YAMLException: bad indentation of a mapping entry at line 5, column 13: - entity: sensor.tram_23_departure ^

polar kelp
#

Not reading the docs? πŸ˜›

fiery temple
#

yes i am i see al kinds of types but no entities

#

state-badge e.d. but cant find entities or how to set entities in a picture-elements

polar kelp
#

Oh. You want it just like the entities card but with a background?

#

Like a list view?

fiery temple
#

yes

#

with a sensor

polar kelp
#

Sorry about the confusion.

fiery temple
#

np πŸ˜›

torn sail
#

did the way custom cards are loaded change in 0.86? My calendar card stopped working because the moment script isn't finished loading before the calendar card tries to get created

#

moment was always defined in 0.85 but now its randomly not as if the cards are being async loaded now

polar kelp
#

They always were async loaded, but since 0.86 the entire view isn't rebuilt once after every time a card finishes loading.

#

So now the entire view doesn't flash several times on reload, but there can be some race conditions for custom cards.

#

Iirc the moment script is loaded as a resource, but from unpkg, right?

#

Yeah. Try adding import("https://unpkg.com/moment@2.22.2/moment.js"); to the top of calendar-card.js.

torn sail
#

yep its from unpkg. I'll try that out thanks!

fiery temple
#

i think im good now

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

its not working and i cant find if i need js or module for card-tools

#
Custom element doesn't exist: card-modder.
{
  "type": "custom:card-modder"
}
#

there is no error in my log under <info>

#

both cards are in the www folder, i restarted HA twice

polar kelp
#

And the browser log?

fiery temple
#

ctrl+alt+j, actually its ctrl shift J

#

on windows

#

Failed to load resource: the server responded with a status of 404 (Not Found) local/card-modder.js?v=1:1 , but it is there

polar kelp
#

thanks

fiery temple
#

and
Uncaught (in promise) /local/card-modder.js?v=1
CARD-TOOLS IS INSTALLEDDeviceID: cb680818-a5ecefc8

polar kelp
fiery temple
#

found the error

#
card-modder Error: Card config incorrect
    at HTMLElement.setConfig (card-modder.js?v=1:8)
    at create_card_element_createElement (dcc7e8d8e861a5f2b17d.chunk.js:4434)
    at createCardElement (dcc7e8d8e861a5f2b17d.chunk.js:4434)
    at HTMLElement._createCard (5b84e111f14715a53706.chunk.js:19)
    at HTMLElement.set config [as config] (5b84e111f14715a53706.chunk.js:19)
    at HTMLElement._updatePreview (5b84e111f14715a53706.chunk.js:78)
#

i think

#

im on 0.87.0 if that helps

#

could it be v number?

polar kelp
#

If that's the error you're getting, then something is wrong in card: in your config.

fiery temple
#

ah i didnt have that part card:

#

i just had type: 'custom:card-modder' πŸ˜‚

loud thistle
#

Any way to force update lovelace auto mode?

elder pendant
#

Refresh the page?

#

If you added a new device/component you'll have to restart HA

loud thistle
#

Even rebooted the device twice...

elder pendant
#

You don't have to reboot when you make changes. You just have to restart home assistant. But try refreshing the page a few times in your browser to update the cache. If you still don't see your changes try incognito mode/another browser, if you still don't see changes then you didn't actually make any changes

loud thistle
elder pendant
#

Are those entities showing up in states ?

loud thistle
#

nope. these are the old names. But one sec. Trying the refresh button smashing

#

I hate Firefox... now its fine...

elder pendant
#

It's not firefox's fault. It's just the way modern browsers work

foggy pewter
#

I’m using a button-entity card and the entity name is appearing in upper case - is there a way to make it appear in mixed case?

elder pendant
#

Is the friendly name of the entity in all upper case?

foggy pewter
#

I use name: in mixed case to override the friendly name

elder pendant
#

Doesn't look like the entity button allows lower case

foggy pewter
#

Darn - entity button looks ok but the uppercase makes it look like its shouting πŸ˜‰

#

I tried glance but it truncates the entity name

elder pendant
#

I think they're mostly made to use icons

foggy pewter
#

I’ll try another card - I’m after a row of β€˜buttons’ that displays my lights and their names

elder pendant
#

You don't like the entities card?

#

I guess that won't work if you specifically want them to be horizontal

foggy pewter
#

I will try entities cards containing a single entity inside a horizontal stack

elder pendant
#

That might get really long really quickly

#

but it's worth a shot

cerulean scarab
#

Hey guys, good morning. Is there a way to set a default tap action for a glance card?

#

googled for it a little bit and coming up dry...

foggy pewter
#

tap_action

#

Or am i missing something?

elder pendant
#
tap_action:
  action: call-service
  service: whatever.call_you_want
  service_data:
    entity_id: some_id
simple knot
#

Hey guys, I have a quick question. How do I hide the circle entities that were auto discovered when I installed HA? I do not want to permanently hide them as I want them in cards.

#

^These are the entities

elder pendant
#

Those are badges

#

They are found in the settings of the view

simple knot
#

Any way to completely disable badges?

elder pendant
#

Just remove them all

simple jolt
#

@polar kelp getting the below error when running the debug command in browser-commander. https://IP/local/custom-lovelace/browser-commander.js?v=51d6a8:28:13 TypeError: undefined is not an object (evaluating 'moreInfo._page = "none"')

simple knot
#

@elder pendant There is no option to remove them....

#

Ah NVM

#

Understood what you said

#

Removed them from the RAW editor

#

Thanks mate

elder pendant
#

That works too, but you can do it through UI editing as well

simple knot
#

There was no option in the UI though....

elder pendant
#

It's in the view settings

#

The 'tab' that you're on

simple knot
#

Ah!

elder pendant
#

click the edit icon (in my case) next to the 🏠 icon

simple knot
#

Yes its there also

elder pendant
#

I mean you already fixed your issue, but for future reference πŸ˜‰

simple knot
#

Absolutely! Thanks mate

vapid field
#

mosquitto

#

mqtt mosquitto connect failed

elder pendant
#

Are you sure you're in the right channel?

fiery temple
#

i got multiple sensors set up, id like to show only the state next to each other, how can i archieve this?
https://www.screencast.com/t/jRHvXisf
i would like them next to each other with some whitespace between it like the first row, which would result in (as of picture atm)

Card would look something like this

| Tram 23 |
| 18:58 | 19:13 | 19:28 | 19:44 | 19:59 |

mortal cape
polar kelp
#

On mobile. Can’t follow it right now.

mortal cape
#

ah it's you saying "I'll do my best to introduce a --card-corner-radius or something after the feature freeze, btw. Then all cards can be given rounded corners via the theme."

polar kelp
#

Ah. Yes. Thought of that earlier today, actually. I’ll make it happen.

mortal cape
#

I love card modder but it would be nice to simplify πŸ™‚

cinder rapids
#

I’m hoping for the mini media player soon

fiery temple
#

anyone know? really stuck on this i tried make a binary sensor but that doesnt help

#

is there a custom card that can only show the state value?

mortal cape
#

@fiery temple it's one sensor?

cerulean scarab
#

@elder pendant @foggy pewter Thank you so much for the response, I'm sorry for asking a question and disapearring, work called me away... I asked the question poorly. I know how to use tap_action on an entity inside a glance card, but can I add that config once to the card to be the default for all it's entities? It does not appear so.

fiery temple
#

no 5

mortal cape
#

glance card?

fiery temple
#

i was indeed trying that but now i have the issue that it wont fit the colums

#

it totaly ignores my columns: 1

#

cause i made a typo, mb

mortal cape
#

trying to think through the one I use

#

hiding icons and names...not sure how to do that without losing values

fiery temple
#
      - entity: sensor.bus_183
        icon: 'mdi:bus'
        name: ' '

kinda works

mortal cape
#

I was about to look it up, heh

cerulean scarab
#

show_name: false on the card will hide all names

fiery temple
#

doesnt work on glance

cerulean scarab
#

It's on the wiki, thought I tried it last version

#

let me check

mortal cape
#

@fiery temple I tried it in the glance card. it works

cerulean scarab
#

me too

fiery temple
#

ah yeah im still yaml noob it works

mortal cape
#

it has to line up under entities:

#

yeah

#

lol

fiery temple
#

haha

calm rock
#

Hi, is it normall, that the raw configuration in Yaml appears all reversed , like if it were written backwards from bottom to top ? ( the views, cards hierarchy) .

fiery temple
#

ah to bad there is no show_icon value :p

cerulean scarab
#

@fiery temple Could you do it in a markdown card instead?

fiery temple
#

what i got atm

#

markdown is only text right?

cerulean scarab
#

Yes, not sure if you can use templates, haven't tried

fiery temple
#

way above my knowledge im a very slow learner xD

cerulean scarab
#

lol

calm rock
#

is it possible to edit the raw yaml file, with the IDE edditor instead of using the built in edditor ?

cerulean scarab
#

@calm rock if you go to full yaml mode, instead of storage mode

calm rock
#

while , keeping the edit card capability

#

just , using a more convinient edditor

cerulean scarab
#

(I find that I usallly copy/paste what I'm working into a blank file in the IDE plugin, then paste it back.

mortal cape
#

Yeah that's the best middle ground

cerulean scarab
#

I hear you, I find the lack of the ability to select and tabintent a whole block crippling.

calm rock
#

ok, the built in edditor , made very bad modifications ( for me) , on the way things are organized , so using that edditopr directly is almost impossible

cerulean scarab
#

It seems to sort the entites alphabetically, still works, but is a tad ugly and tough to visualize

#

my brain wants card properties before enties

mortal cape
#

@calm rock it's putting them in alphabetical order.

cerulean scarab
#

title and type at the end, lol

calm rock
#

but , also the structure is reversed , first cards, then card type , last icon, panel, title ...

mortal cape
#

yep, all alphabetical

calm rock
#

ok, will work, on a paralell file , see how it goes, tks

calm rock
#

is a nightmare , are you guys able to understand where your are standing from that view ? , or am i doing something very, very wrong ; i feel so lost on that file , that im thinking on going back to plain yaml mode

mortal cape
#

I guess I don't feel the need to manipulate it that much

#

I work more card to card

calm rock
#

i may be more "dumb " im totally lost with the new layout , hopefully it will get used somehow ..

fiery temple
#

finally got it somehow working, need to choose between big cards or stacked once, choose xD

slow wave
#

@calm rock that messed with my mind too, so I went back to yaml, couldn't follow it at all

mortal cape
#

@fiery temple I like the big ones. if the background/text contrast is tweaked. Will probably look better on mobile than the stacked

fiery temple
#

thanks

mild veldt
#

@cerulean scarab are you not on 0.87? There is a new editor that has line numbers, tab indents and syntax highlighting

#

@slow wave @calm rock if you're in storage mode, what is your use case that you are having to open raw editor beyond adding resources?

slow wave
#

@mild veldt I never got comfortable with the UI editor either, so I tried the raw editor but that just made it worse, so yaml was a lot better for me, probably a side effect of being a Unix guy for the last 15+ years and working on console ports a lot these days

fiery temple
#

i would get confirtable with the new uit editor if i were you

#

i think yaml mode dies, not now, not tomorrow, but eventually

#

to make this community even bigger things need to get easier and thats exactly what ui editors start with

elder pendant
#

Light theme only, my eyes burn πŸ‘€

fiery temple
mortal cape
#

@fiery temple nice!

fiery temple
#

thanks mate

cerulean scarab
#

@mild veldt I am on 0.87, I see the new improvements, but it's only tab intenting at the cursor position. The feature I am acustomed to is select a block of config, hit tab, and change everything in the selection. All that does today is replace the selection with Tabs.

mild veldt
#

gotcha

#

looks codemirror does have that ability. I'll see about adding it @cerulean scarab

cerulean scarab
#

Oh, awesome, thanks!

calm rock
#

@mild veldt , Hi, i found the editor incapable to work with combined cards , for example , if i need a simple "monster card" inside a vertical card , just trying to align and to follow the needed sintax, is almost impossible , for a regular human .

polar kelp
indigo rose
#

Does anyone have a recommendation for updating a iframe url to grafana. Its looking for a to and from unix time value, it would be nice to be able to compute now and beginning of the day

mild veldt
#

@indigo rose so your url needs to be dynamic?

indigo rose
#

this example url, is the link from grafana.

#

notice the from and to

mild veldt
#

not currently possible, but you could easily make a custom card that could be, I would think

indigo rose
#

so there is no inline yaml replacement?

mild veldt
#

no

#

no templating

indigo rose
#

hmm, ok thanks for the feedback

mild veldt
#

but a grafana iframe card sounds like a great card to have. i still need to setup grafana since doing a fresh install recently. might give this a go this weekend unless you think you might?

indigo rose
#

never done it before, my onboarding might be longer than you. (just started with HA a few weeks ago)

#

I think copying the iframe, and adding variables for to and from. With selectors for computing time, or now or now/d, now/M, now/Y ....

mild veldt
#

cool. so I'm thinking the card will take in those variables (hours, refresh, theme, width, height)

#

don't copy iframe

#

you can instantiate it from a custom card

indigo rose
#

I yield my HA best practice to you

sharp talon
#

I'm finding it increasingly frustrating when trying to nest card types together (for example horizontal and vertical stacks) one wrong space or indentation and it breaks. Does anyone have any tips (or tools) which will help with nesting cards together?

mild veldt
#

Until we have a UI editor your best course of action is probably using something like vscode with a YAML extension that will highlight indentation errors

sharp talon
#

thanks @mild veldt will give it a look. I'm guessing Atom will have an extension too πŸ˜ƒ

mild veldt
#

🀷

nova summit
mild veldt
#

@nova summit yes

nova summit
#

@mild veldt how? any help is appreciated

mild veldt
#

@nova summit just following the directions. Get the file from latest release, put it in your www folder, add to your list of resources from raw config editor and then add the card to a view

simple jolt
#

@polar kelp can’t get browser-commander to work properly with the latest version of HA. The debug command opens more-info@pop-up@of my first badge and the close-pop up command no longer works as well.

chilly storm
#

Finally moved over to the Lovelace version of the Alarm card....didn't feel like updating the MDI icon in my custom card. But....the text on the Custom Bypass button still doesn't show up. Will log it somewhere if I can...

#

But the Custom Bypass button does work; it just doesn't have a label on it.

lime glacier
#

with a badge, can I set the icon?

inner vector
#

hi,
i have sensibo controlling my AC.
but in lovelace i cant see off/on and the picture has a missing part.

stuck fjord
#

Before messing about with ui-lovelace.yaml I placed a lot of my views under "group" in my packages.

#

Is that still the right way to go?

solid wyvern
#

hey all, I'm trying to set up the button-card from here (https://community.home-assistant.io/t/lovelace-button-card/65981) but, after following the instructions I get a 404 error when it attempts to get the /local/button-card.js file
There was no www folder in my hassio (via docker) so I created one in the config directory. Did I do something wrong?

polar kelp
#

You need to restart hass once after creating www/.

solid wyvern
#

aaah thanks!

#

restarting hass is annoying because it breaks my zwave but....oh well

wet ferry
#

Just getting started with Lovelace so I'm going to ask what's probably an obvious question... To use custom cards do you have to put Lovelace in YAML mode? Or is it possible to use custom cards with the UI config?

fiery temple
#

just curious where comes the name from or if the word lovelace means something

solid wyvern
#

So....I'm trying to set up my lovelace ui... is there anyway of dealing with zwave ids better than what I have now.
I've given friendly names to my entities but, when adding them to lovelace I have to use the entity_id.

#

These look like

- entity: light.aeotec_zw111_nano_dimmer_level
          - entity: light.aeotec_zw111_nano_dimmer_level_2
          - entity: light.aeotec_zw111_nano_dimmer_level_3
          - entity: light.aeotec_zw111_nano_dimmer_level_4
          - entity: light.aeotec_zw111_nano_dimmer_level_5
          - entity: light.aeotec_zw111_nano_dimmer_level_6
#

Which means I have a very hard time knowing which entity is which light

stuck fjord
#

What are your best lovelace inspirational resources?

#

Not individual cards, but more like complete setups

polar kelp
#

popup-card and browser-commander have been updated to work with 0.87

restive lance
#

I have a timer exposed in the UI, when the timer gets re-triggered while it is already counting down, the ui doesn't reflect the 2nd trigger. It just continues the first countdown ?
Am I holding it wrong ?

stuck fjord
#

I got stuck at first trying to set up a lovelace ui in yaml mode. Switching over to the web ui mode made it so much easier.

signal marlin
#

hello, i have a question about the old frontend and lovelace,

if i understand Lovelace correctly, i don't need to create a groups.yaml but can do it from the lovelace-ui..?

mild veldt
#

@fiery temple Ada Lovelace

fiery temple
#

what you mean ada?

mild veldt
#

Google it

fiery temple
#

ow the name xD lol

#

i tough youre were ansering me last question lol

mild veldt
#

It is the answer. So, both

fiery temple
#

no i meant about the question i just asked about the notification bell automation xD

mild veldt
#

I see no such question?

fiery temple
#

ah that was in homeassistant πŸ˜ƒ

#

is there a automation that i could use to open the notification bell on the frontend whenever a new notify is created? don't like it that we need to watch the bell constantly for a notification, if it could auto open then it will be noticeable if you walk by

signal marlin
#

I noticed some of the mdi:icons do not work in hassio/lovelace, i tried adding them as a custom icon, downloaded it and placed it in /config/www/icon.png and referred to it as /local/icon.png but it does not show up as a view icon, what am i doing wrong here?

wet ferry
#

Is it possible to get Kiosk mode working with Lovelace in UI config mode?

#

It seems like the only challenge is figuring out how to make Lovelace aware of the kiosk.js file.

#

Installation instructions say the following: "Like any other custom script, use ui-lovelace.yaml resources section to reference the kiosk.js file."

granite prawn
#

anyone who is using LL and is facing an issue with the custom tracker card not showing details

#

on 0.87 that is

wet ferry
#

But as best I can tell (I'm new to Lovelace) the ui-lovelace.yaml file is only relevant if you have lovelace in yaml mode... Is that true?

granite prawn
#

@wet ferry yes thats right

wet ferry
#

Ok, so is there anyway to make Lovelace aware of a "resources" object without putting it in yaml mode?

granite prawn
#

not sure, but i dont think so

polar kelp
#

You can put it in the raw editor

mild veldt
#

@wet ferry use the raw config editor

granite prawn
#

yes, i was just gonna say that

#

you guys beat me to it

#

anyone facing an issue with custom cards tracker with 0.87 release?

wet ferry
#

Raw config editor... I'm googling that now but would someone be willing to point me in the right direction? (I feel like I'm overlooking something obvious...)

granite prawn
#

@wet ferry

#

its in the top right corner

#

under "configure UI"

wet ferry
#

Oh, I see it now, hadn't noticed that yet, thanks!

granite prawn
#

and then it will show you the raw editor optioon

#

cheers

smoky peak
#

Morning, all. So, I am getting a lot of this type of stuff lately. 'Your config is not supported by the UI editor:
Expected a value of type undefined for id but received "4348894e89874d10a637a5ae7e62624b".
Falling back to YAML editor.'

#

Any ideas?

#

dammit...too stupid to format

polar kelp
#

You can edit your old messages

#

Just remove the entire id: line. They're not used anymore.

#

Then save, and reopen the editor.

smoky peak
#

Oh, really...interesting. Must have missed that in release notes.

#

That did it. Thanks!

polar kelp
#

Luckily, we soon realized the id's was a mistake and came up with a better method to do the same thing.

smoky peak
#

first world problems

polar kelp
#

None the less people got really upset.

smoky peak
#

Well, I tried to go with the flow, as I realize this is all open source/free/unpaid labor for devs.

quaint path
#

hey guys. What are you using for floor plan drawing?

smoky peak
#

Mine's busted right now.

polar kelp
#

Thank you @smoky peak.

#

@quaint path I used sketchup.

smoky peak
#

I prefer mustard

polar kelp
#

*smustard

smoky peak
#

lmao

polar kelp
#

Oh my. Someone needs to make a program called that. Doesn't matter what is does, just make it happen!

quaint path
#

lol, nice names

smoky peak
polar kelp
smoky peak
#

holy crap

#

what are the chances, lol

#

great minds think alike

#

what about smayonnaise?

#

Or smiracle whip?

calm rock
#

Hi, is it possible to make a vertical stack, with a monster card, with entity buttons , (all light switches filtered by light or by switch ) ? , i tryied but seams the format is never right or is it something not doable?

polar kelp
#

You can’t make several cards from a monster card.

smoky peak
#

We don't like to call them monster cards...it is better to call them "cosmetically challenged" cards, or "differently beautiful" cards.

fiery temple
#

the sizing is not that great with the name or maybe i can use youre custom card modder to include the hyperion light and adjust the card size?

polar kelp
scenic lantern
#

is it possible to use the image from a media player as the image for a picture glance?

fiery temple
#

thanks that card is even a better solution

#

exactly what i was needing

open seal
#

guys is there a way to use the "group.all_automations" to view all the automations in lovelace? i dont want to use the entity card and type them all in

polar kelp
#

auto-entities/monster-card

open seal
#

do i enable that from the web ui editor?

fiery temple
#

tried the light-entity-card but don't like the way its not showing when turned off, so i will try the show header false and directly ask you if your also going to intergrade the dropdown select and or brightness bar @polar kelp

polar kelp
#

Nah. Leonardos card is better in every way, so I'll drop mine.

fiery temple
#

yeah but it hides when the light is off xD,

#

did a request on his github, not sure if its even technically possible

open seal
#

im using the picture-glance card, and added two script button, but when i click them they dont run, the more info tab comes up. how do i make them run from the picture-glance screen?

title: Garden
type: picture-glance
entities:
  - light.garden_light
  - script.gateremote
  - script.gate10
  - sun.sun
camera_image: camera.kapu
hold_action:
  'service_data:entity_id': script.gate10
  action: call-service
  service: script.turn_on

img: https://imgur.com/a/4FJ59uY

slow wave
#

@open seal tap_action is what you are looking for I guess

#

@open seal this is what I use in my vacuum card elements: - tap_action: action: call-service service: vacuum.locate service_data: entity_id: vacuum.xiaomi_vacuum_cleaner

open seal
#

thanks, i know the tap actions, but i need to seperate the 2 scripts, if you look at the picture on the link, you can see a gate icon and a waving man icon, those are the scripts that i want to run when clicking them

slow wave
open seal
#
  • i mean the tap action, as tapping the camera picture in the middle or somewhere instead of the bottom button
#

wow

#

is that a picture-glance card?

slow wave
#

Picture elements I believe

open seal
#

im using the picture-glance, becouse my background is an ip camera, but i will try the elements part ``` elements:
- type: state-icon
tap_action:
action: toggle
entity: light.ceiling_lights

and see what it gives
lime glacier
#

how can I set the icon of a badge?

tacit cave
#

@lime glacier in the customize section for the sensor/device

dark crown
#

Hey guys, anyone else noticed that using icons with names like "ABCD-XYZ" doesn't work, the "-" breaks it and shows up as no icon (when using the Lovelace UI configuration)

tacit cave
#

using the GUI?

dark crown
#

nvm I think my panel iframe shows the wrong version of the icons as they just updated. I will check into it and see if this is the cause

glad cave
#

@dark crown It's interesting that you say that. I've tried using mdi:car-parking-lights for a while now and it refuses to work whilst others without "-" work. From the little research I've done I thought it is because they don't always get included in the updates but perhaps not. I'll look through and see if I have any working with a - symbol

#

Scrap that. I do have others work that include a hyphen

tacit cave
#

I have plenty with -, what are you using the GUI or yaml mode?

glad cave
#

I've tried both. Setting through the card with the tag and through the customisation menu

tacit cave
#

Ok, what you described is only "GUI"

#

yaml mode is where you use yaml to describe the entirety of the UI through ui-lovelace.yaml

#

It's possible that -'s don't work in the GUI, but unlikely

#

which icon are you trying again?

glad cave
#

Probably a stupid question but is there an easy way to change over? Can I copy the contents out of the raw config editor to the ui-lovelace.yaml, update my configuration.yaml and that's it?
The one I was trying to use was car-parking-lights

#

car-light-dimmed
car-light-high
car-tire-alert
car-brake-alert
all failed for me too. There are some from other categories that I tried but I can't remember them off the top of my head

tacit cave
#

looks like they aren't in the build

#

all added sometime in the last month

glad cave
#

It's just really odd as car-key works

tacit cave
#

car keys was added 4 months ago

glad cave
#

I guessed they were all added at the same time. Is there a way to check?

glad cave
#

Thanks. I'll bookmark that

tacit cave
#

I mean, it's probably not giong to help because you need to know what version HA is using.

glad cave
#

Yeah but it'll give me an idea if it's just not in the build yet like you pointed out.

tacit cave
#

yeah, i'm guessing it's not built in. I can't say for certain.

glad cave
#

Same. I got the impression it was though. I'll try and read up on it at some point

glad cave
#

Good find. Thanks

mild veldt
#

I didn't find it, just know it πŸ˜‰

glad cave
#

Ermmm, good brain!

mild veldt
#

would be nice if the materialdesignicons site stated directly the release on it

glad cave
#

Yeah but at least it is easy to track what is included and excluded now

tacit cave
#

@mild veldt yeah, I searched for like 5min and gave up

mild veldt
#

πŸ‘

latent moss
astral vortex
#

Has anyone combined a switch and binary_sensor into one entity-button card?

#

I have a garage door, the switch toggles the door and the sensor is the state, would like them to look like one entity, but it hasn't struck me on how best to accomplish it

mild veldt
#

@latent moss look at custom-comoact-header

#

@astral vortex use the sensor for the entity button and call the service to activate the switch

#

Can pass any entity_id for the service_data

astral vortex
#

I just figured that out

#

Helps if you read all of the docs...

latent moss
#

Awesome thank you @mild veldt seems like it'll do what I want. I think this is useful enough to be made a core feature tho imo. All the built in cards have customization options but not really for views.

glad cave
#

I don't think it is possible but thought I'd ask. I'm trying to hide a card on certain days at certain times. I need to do it with a custom card type called flex-table-card. Anyone done anything like this or anyone got any advice?

latent moss
#

You can do that with a conditional card @glad cave . I just set up something similar yesterday. You'd need to create a sensor or something for the certain times. I can share mine for current weekday in a sec.

glad cave
#

@latent moss I've got a template configured with the time and that works on other cards but I can't get it working with the flex-table custom card

#

Am I being an idiot or is it a limitation of the custom card.
Please share, every little helps πŸ˜ƒ

latent moss
#

Haven't used flex-table, but I did get conditional by day working yesterday using default cards,

      - type: conditional
        conditions:
          - entity: sensor.date_weekday
            state: "Monday"
        card:
          type: vertical-stack
          cards:
            - type: glance
#

the sensor for weekday i made:

sensor:
  - platform: template
    sensors:
      date_weekday:
        entity_id: sensor.time_date
        value_template: "{{as_timestamp(now())|timestamp_custom('%A', True)}}"
glad cave
#

Thanks, I'll give it another shot

fiery temple
#

how would i make a button with my picture on it that says device tracker is home so i can do automations, when not home the button should holds a greyout picture. i can tap the button to come home or leave home, ,which set my phone_state to home or not_home, namp isnt realible so i need a button that i can click when im home, and click again when im not home, that give me the ability to create automations, like start light if home and later then sun.sun_down or so...

mild veldt
#

@fiery temple picture-elements with a state_image

robust garden
#

Who can help me with the custom weather-card?

#

The icons will not show in my lovelace UI 😦

fiery temple
#

i may...

#

what you using config or yaml mode?

#

show me the config

robust garden
#

yaml mode

#
- type: custom:weather-card
    entity: weather.alkmaar
    icons: "/local/lovelace/weather/icons/animated"
fiery temple
#

just send you a pm

robust garden
#

πŸ‘

kind shellBOT
fiery temple
#

@mild veldt how would i set it up i now have:
https://paste.ubuntu.com/p/KSK7nwMxNP/
but it doesn't change the state of my phone to home or not_home cause im missing the correct action, it should set the state of my entity to some other state

#

properly need some edits on the action but not sure which once

torn sail
#

hello where can i find all of the css mixins like --primary-color?

simple knot
#

Hey guys

#

Any idea where I can get the homekit setup code on Lovelace?

tired hare
#

@simple knot : should be in your notifications

simple knot
#

@tired hare Got it. Thanks mate

sleek warren
#

monster-card how to turn off that dreaded header toggle?

#

if someone would be so kind πŸ˜ƒ thank you

stuck fjord
#

I'd like to add @polar kelp's slider-entity-row card. Is this possible without using yaml mode?

#

I mean

#

how do i specify the "resource", i.e. the javascript?

#

Trying something like

#
resources:
  url: /local/slider-entity-row.js
  type: js
type: entities
title: Lights
show_header_toggle: false
entities:
  - type: 'custom:slider-entity-row'
    entity: light.august_balloon_1
vapid field
#

@stuck fjord
You can change to the "RAW config editor" once you are in "edit mode".
There you can add the resources

stuck fjord
#

@vapid field brilliant! Thanks!

astral vortex
#

How does the url resolution on the picture-entity work? I have home assistant behind an nginx proxy and am hosting the static images with nginx, from the web browser /images/img.jpg will resolve, but home assistant shows a broken image

scenic lantern
#

Does anyone know if it is possible to use the image from a media player as the picture in a picture glance card?

viral root
#

i'm trying to find the "LovelacePlayer Device ID" with "lovelace-player.js", any help?

#

it doesnt show up and i tried to do some stuff the docs say, but that doesnt show the device id.... any pointers?

kind shellBOT
viral root
#

on info it shows for lovelace mode yaml, resources 2 and views 1. looks fine

#

heeelp πŸ˜ƒ

stuck fjord
#

@polar kelp is it possible to use your slider entity card on a group of lights (of the same kind)?

viral root
#

can i check for resources file in html source if that js is really in the page?

#

cant find it somehow

mild veldt
#

@stuck fjord make a light group and find out

stuck fjord
#

I did, didn't work. Thought there might be a workaround

mild veldt
#

an actual "light group"?

stuck fjord
#

@mild veldt oh!

#

no πŸ˜ƒ

#

thanks again!

sleek warren
#

last-changed did work for al of about 20mins then stopped in monster-card with only a reboot? any ideas? i currently have it set as an option with secondary_info

viral root
#

any suggestions?

viral root
#

huh

vast ore
#

Just upgraded to 0.87 this morning from 0.80, so new to Lovelace and I have a grouping question. I've got lights on either side of my living room fireplace which I've added to a group called "Fireplace" which is, in turn, in a group called "Living Room." The problem is that I can't figure out how to make the group "Fireplace" be a switch in "Living Room" but NOT show up as a group on its own. I've tried control: hidden, but it still shows up.

#

Just discovered the UI editor! Wow! Why did I wait to go to Lovelace??? πŸ˜ƒ πŸ˜ƒ πŸ˜ƒ

split granite
#

You waited for the UI editor πŸ˜‰

vast ore
#

That makes me... wise right?

#

teeheehee

viral root
#

max headroom!

open seal
#

Any way to hide the not_home device tracker entities as badges in Lovelace? In known_devices hide if away is set to true, used to work with the old states UI, but with Lovelace all are visible that I added in the web UI editor.

#

Please tag me if you have any idea. Thanks. @open seal

viral root
#

is it possible to show the old states view in 0.87.0 ?

#

clicking on "Go to the states UI" on info just shows the left menu again nested with an empty page

glad cave
#

@open seal Have a look in your known_device.yaml and look at the device in question. You should be able to change the flag on hide_if_away: false/true.
Is that what you are after?

open seal
#

@glad cave yes, I'm already using the hide if away function, but they still stay there

#

@viral root I can set states as default in 0.87

viral root
#

its empty here

open seal
#

Strange. I hit the "set states as default view on this device" on my Android HA "app" and then restarted the app

#

That's the way it worked for ne

#

And it's not empty here

#

Did you do it the same way?

viral root
#

yes

#

have to relogin 3 times then and it shows double menu with empty page

open seal
#

Maybe you have something to do with your groups.yaml and default_view

#

Wow that's weird

viral root
#

i dont use groups.yaml

#

what you mean with default_view?

open seal
#

As far as I know if you disable the default_view, you will have to enter what entities you want to see in the ui

#

But I might be wrong

#

Maybe @split granite or someone else could help you better

split granite
#

I don't use states, haven't for ages

viral root
#

thanks for trying

open seal
#

@viral root try adding some entities to the groups, and see if anything comes up

viral root
#

its fine, i commented out lovelace yaml and it shows the old states page as default view... no lovelace then for now...

#

not sure what you mean...

open seal
viral root
#

πŸ‘

split granite
#

Just poked my old UI (which has one thing on it now), and it works

viral root
#

good

open seal
#

Try adding this to your configuration.yaml with your entities:

group: default_view: view: true icon: mdi:home entities: - group.bedroom - group.garden - media_player.bedroom_speaker - group.all_devices
viral root
#

i dont see what that should help

#

nevermind... perhaps i try out on a new install soon...

open seal
#

Okay, hope you will figure it out

viral root
#

its fine, let it be for now

#

thanks

open seal
#

πŸ˜‰

viral root
#

πŸ˜›

vapid field
#

heho!

#

is it right that history-graph card elements are un-ordered?

clear hornet
#

I'm working on a new climate component and all my thermostats are displaying null for the temperature setpoint when the device is off (because the component returns None in the situation). Is there something I can do in my component to tell lovelace that this property isn't valid at the moment? (the states UI just doesn't display anything). Or am I missing something fundamental about how a climate component should behave? (I've removed on/off support in favour of heat/off modes too to make it behave more like the demo climate components, I hope that is correct).

mild veldt
#

@viral root have you tried clearing your browser cache?

clear hornet
#

OK thanks πŸ˜ƒ

sharp nebula
#

hey, does anyone know if it's possible to have the header color be different from the primary color, or have the color of links and buttons not be the primary color

#

i'm trying to make a dark theme with the header as the same color as the cards

#

and all the buttons and links (non-red buttons on profile page, non-red buttons in the core config)

latent moss
#

Is it possible to show a sensor in "title" portion of picture-glance card? Nothing I am trying is working. I want to replace the text "Harmony" with the current Harmony activity (ie "Xbox", "PS4", "TV" etc) https://i.imgur.com/6qNDcIM.png

viral root
#

@mild veldt yes

mild veldt
#

@latent moss the title is static

latent moss
#

Aww darn.

mild veldt
#

that does give me a good idea, however

latent moss
#

any ideas/hacks on how to add "spacers" or empty blank spaces? I have working buttons for my Xbox (bottom row of this pic: https://i.imgur.com/y9VBseL.png ) but after loads of trial and error, can't get the exact layout I desire. I want to mimic how they appear on the actual controller, like:

[empty] Y [empty]
X [empty] B
[empty] A [empty]

mild veldt
#

button-card

#

Has a transparent option

#

Or picture-elements

latent moss
#

will try button-card thanks

covert wharf
#

this is my first time attempting to use a custom card. if i read this right, you create a www directory in your config folder (/config for me), restart, and then HA knows that as /local/ ? is that correct?

#

well the browser should find it there to read it

covert wharf
#

ok, it seems to be the case. but now i'm getting an "entity is undefined" error. still need to troubleshoot

wary chasm
#

hey all, i'm using auto-entities custom card (thanks for creating it!), I was trying to add a "conditional" as the equivalent of the "when" in a monster card but can't quite work out what i've done wrong

https://hastebin.com/etahokowez.makefile

When i remove the first four lines the rest works... but for some reason this code doesn't, i couldn't find examples of using the conditional with auto-entities except for the reference in the auto-entiteis git

blissful kernel
#

Hello everyone! I finally got around getting my Weather Station data into Home Assistant. Now, I am looking for a nice way to present it in the Lovelace UI.
I have it in an entities card at the moment, what card would be appropriate for it (picture-elements maybe). Or has anyone created a card that I could use?

mild veldt
#

@wary chasm haven't played with auto-entities, but it looks like you need to define your card for the conditional. You have two card types in the first example...and I don't know what's going on in the 2nd

wary chasm
#

@mild veldt you're a genius that works perfectly, thank you so much... I also see what I di wrong now. I couldnt grasp how nesting cards worked. Seems so obvious now

brave badge
vapid field
#

uhh, sweet

#

thanks!

#

(i’m guessing whats happening internally is that it’s a python dict(?), which is unordered …)

#

(even though in the yaml its an array/list, which is ordered)

magic breach
#

"while parsing a block collection in "/config/ui-lovelace.yaml", line 7, column 7 expected <block end>, but found '?' in "/config/ui-lovelace.yaml", line 8, column 7"

#

Can't figure out what I did wrong since I only copied and pasted an example

split granite
#

~share

kind shellBOT
split granite
#

Show us your config

magic breach
#

Yes, just had to fetch it

#

Just copied and pasted from my ui-lovelace.yaml file but that only contains the copy & paste from the webpage

split granite
#

Your indenting looks off

#

Look at the example, look at yours

#

Line 8 is wrong

#

~yaml @magic breach

kind shellBOT
magic breach
#

Weird, i redid it just to make sure I had no tabs or anything after pasting, and I cant see how it differs from the example on the homepage

#

Going through it again

split granite
#
    cards:
        # The markdown card will render markdown text.
      - type: markdown
      title: Lovelace
        content: >
#

Yours

#
    cards:
        # The markdown card will render markdown text.
      - type: markdown
        title: Lovelace
        content: >
#

Docs

magic breach
#

Amazing

split granite
#

As I said, line 8 πŸ˜‰

magic breach
#

Yeah, I had no doubt you where wrong, I'm just suffering from YAML blindness

#

Worked like a charm πŸ˜ƒ How the heck did I manage to screw that up using cut and paste

#

Thanx πŸ˜ƒ

split granite
#

No worries

#

If in doubt, check that you've got the indenting exactly right

magic breach
#

Is there any good YAML checking tool online?

slow wave
#

@magic breach yamlint

long vortex
#

With the UI editor, how do I add new sensors into that row at the top of the page?

slow wave
#

@long vortex do you mean the badges?

long vortex
#

Maybe, just the little circles, not cards

errant plover
long vortex
#

Ah perfect, thanks!

errant plover
vapid field
#

Hi all, how do I configurate the history-graph card in lovelace?