#frontend-archived

1 messages Β· Page 138 of 1

odd light
#

that's sucky

#

my HA works everywhere but IE, funny.

sacred gulch
#

Thats what I saw in my IE too

odd light
#

well IE sucks, I literally only use it when I have no other option

#

which is like 2 interfaces at work and that's it lol

sacred gulch
#

Haha thats exactly why I tried it. Chrome shows the bug, Firefox is locked down, welp lets hope IE....Oh wait it still sucks

odd light
#

maybe submit a bug report

livid oracle
#

does anyone have a simple example to check browser-mod in developer tools services?

mild veldt
#

@livid oracle I don't understand your concern with guests?

livid oracle
#

@mild veldt Well it could be me missing the entire concept LOL..... Ok, say a guest comes with a samsung phone, I am assuming the deviceID is totally different from my iPhone, so will HA work for him when he is a guest in my house?

odd light
#

sure why not

mild veldt
#

Use

deviceID:
  - this
odd light
#

the web interface don't care lol

mild veldt
#

it does if you specified the deviceId to use as other than this

odd light
#

hmm

mild veldt
#

but not sure why you would do that on a call from the UI. I could understand if you did it via an automation, but not from a click on the device. So just use this @livid oracle

livid oracle
#

@mild veldt AHHHHH So this applies to any device then?

mild veldt
#

it applies to the current device calling

polar kernel
#

Hi, I am searching a way to change the box message when there is no connection to HASS server. I want to make it smaller or even only a red circle.
Did someone have a wording I can use to make some research or a hint ?

mild veldt
#

@polar kernel the toast message?

polar kernel
#

yes

vapid field
#

Is it possible to show object status in Lovelace?
like vacuum current status?

heady plume
#

Hi every one! I have a question about themes, am I in the right place?

mild veldt
#

@vapid field anything in an entity is possibly viewed in some manner from the frontend. Is the status the state or an attribute?

heady plume
#

When I install dark themes, the cards still white, why?

odd light
#

what is the setting on the card?

#

I think it has to be background-selected or....

livid oracle
#

@mild veldt do you see an issue with this?

#

service: browser_mod.popup
service_data:
title: Back Dimmer
card:
type: 'custom:slider-entity-row'
entities:
- light.living_room_dimmer_back
deviceID:
- this

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

sacred gulch
#

Is there a way to use variables in lovelace? I have (finally) a multi-function button setup and seems to be working. Id like to remove this from my config file and make his own YAML, then include that YAML and pass the required variables (entities mainly) into that include. So I can use this button setup multiple spots using different entities

heady plume
mild veldt
#

@heady plume installing a theme !== activating a theme

#

@sacred gulch checkout the decluttering-card

vapid field
#

@mild veldt there is some attributes for vacuum.roomba object, like
status: Charging
battery_level: 100
and I would like to display it in Lovelace

sacred gulch
#

Thanks @mild veldt

livid oracle
#
  title: Back Dimmer
  card:
    type: 'custom:slider-entity-row'
    entities:
      - light.living_room_dimmer_back
    deviceID:
      - this
#

@mild veldt sorry about that πŸ™‚

mild veldt
#

@vapid field you can create template sensors or use config-template-card, template-row or templater-card. Those are all found in HACS, I believe

vapid field
#

@mild veldt im really newbie in HA... can you point me where I can read about all you mentioned?

wheat current
#

the internet

vapid field
#

captain obvious?

mild veldt
#

@livid oracle deviceID should be indented to the same level as title, not inside card

kind shellBOT
#

@flat granite Home Assistant Community Store is the successor to the old Custom Updater, and can do so much more - you should check it out.

mild veldt
#

@vapid field you could also use the core markdown card. It supports templates as well and doesn't require installing a custom card

vapid field
#

@mild veldt something was seen about markdown, but not yet tried and not sure that fully understand it yet πŸ™‚

mild veldt
#

@vapid field e.g.

type: markdown
content: >
  Vacuum status: {% states.sensor.my_vacuum.attributes.status %}
odd light
#

now in the docs they say states.sensor.my_vacuum.attributes.status for instance isn't the best way to do that

livid oracle
#

@mild veldt Here is what I used now, I get the pop up in dev tools but with an error.

odd light
#

is there really any downsides

livid oracle
#
title: Back Dimmer
card:
  type: 'custom:slider-entity-row'
  entities:
    - light.living_room_dimmer_back
deviceID:
 - this
mild veldt
#

@odd light I don't know

odd light
#

haha okay, anyways, I was wondering if there is a current favorite weather sensor to use? I've used darksky before, I wanna start showing weather on the dashboard again, and I'm going to put together a script that I can run in the mornings to read me off various things.

mild veldt
#

it works 🀷 probably some error handling in the states('sensor.mysensor') function

#

@livid oracle what's the error?

vapid field
#

@mild veldt but before I need create sensors?

livid oracle
#

@mild veldt TypeError: Cannot read propert 'split' of undefined.

mild veldt
#

@vapid field I thought you said you had a vacuum with the following attributes? Use whatever that entity is

#

@livid oracle only thing I see is that you only have a single space beore - this, I think that is invalid, but not 100% sure

livid oracle
#

I changed the type to entities and it worked so it seems to not like the 'custom:slider-entity-row'

mild veldt
#

that row takes the parameter entity

#

not entities

vapid field
#

@mild veldt sorry, maybe Im doing something wrong on not understand, but after I created markdown card, just see text message "Vacuum status: {% states.sensor.vacuum.irobot_roomba_980.attributes.status %}"

wheat current
#

Really? It should just fail

vapid field
#

@wheat current not failing, just showing the text I putted into markdown. that's why im asking about creating sensors first, is it needed or no

livid oracle
#

@mild veldt Ok thanks, I am lost I just can't get this working I will look for a different way to get a pop up....

wheat current
#

The thing you put into it must exist

#

But the template vis wrong so that will not help

mild veldt
#

@vapid field no, but I'm actually failing with it markdown syntax as well at the moment...

#

show me the way, @wheat current

wheat current
#

{{ stuff }}

mild veldt
#

πŸ€¦β€β™‚οΈ

#

right right. {% is for conditions

wheat current
#

Or setting stuff

mild veldt
#

*things

#

instead of stuff

vapid field
#

can you also explain me, please?

wheat current
#

Stuffy things

mild veldt
#

just replace {% with {{

#

same for the end

#

but you know, reversed

vapid field
#

aha

#

okay, updated, and now a see nothing πŸ™‚ empty result. that means that I need to create those sensors?

mild veldt
#

...?

#

do you have a vacuum sensor in HA?

#

start in developer tools -> states

#

if it exists there, then you can use it

vapid field
#

in states i have on or off

#

but i see additional attributes, like battery status, etc.

mild veldt
#

I don't believe you have the correct sensor name in your template then

#

check your spelling

wheat current
#

Battery status != Status

vapid field
#

let me try to share screenshot

#

for better understanding, maybe my explanation not so good

#

cant find the to send picture in channel

mild veldt
#

imgur

#

remove sensor. from your template

vapid field
#

Yes!

#

many thank for help

wheat current
#

so much worng in a simple template 🀣

vapid field
#

anyway many thanks, you know how is hard to do first steps...

#

one more question about markdown - can I put more than one row\entity into one markdown?
like:
content: >
Status: {{ states.vacuum.irobot_roomba_980.attributes.status }}
Battery Level: {{ states.vacuum.irobot_roomba_980.attributes.battery_level }}%
type: markdown

wheat current
#

change > to |

vapid field
#

a, I see, I can

#

ok

wheat current
#

remove the %

#

and use state_attr in your templates

vapid field
#

% is to show 100% πŸ™‚

wheat current
vapid field
#

πŸ™‚

#

and use state_attr in your templates - can you explain?

wheat current
#

the docs does a better job πŸ˜‰

vapid field
#

please give me a link

kind shellBOT
vapid field
#

heh πŸ™‚

#

okay, markdown is cool, thanx again

#

I can click on vacuum and see controls like starp, pause, stop, dock. .but is it possible to place vacuum controls on the Lovelace card?

mild veldt
#

yes, they are just service calls

vapid field
#

so i need create script first?

#

I think i see

sacred gulch
#

When using an !include, does it do a straight replacement? Like I need to indent the !include to the correct spot (as an example)?

mild veldt
#

@vapid field no, no script needed

#

@sacred gulch yes

vapid field
#

@mild veldt I see that I can call service from entities card

mild veldt
#

wait, no

#

@sacred gulch indent the file correctly, not the include

sacred gulch
#

Well poo, that throws a wrench in my plan of using multiple includes of the same file (may not always be at the same indentation)

vapid field
#

@mild veldt is im right, I can call service from the card?

mild veldt
#

yes

vapid field
#

okay, no need to find right configuration πŸ™‚

karmic vessel
#

i gotta admit, till my recent SD card died i always did my lovelace config through the yaml file. this time i gave the UI a go and other than HACS stuff not hooking in (which i'd love if they/hass could accomodate this) this way is so much easier!

polar kelp
#

There’s work going on there. Some custom cards actually have gui editors.

wheat current
#

Speaking of, did you ever manage to get a custom card to cleanly add itself to the + menu?

karmic vessel
#

i thought it looked like it in a few cases. Can't think Ludeeus for the easy work hes made of custom components thats for sure and that one little thing would just make it so much easier!

polar kelp
#

Yes, but only one.

karmic vessel
#

the air visual though custom one though is giving me fits ATM saying it doesn't exist hehe, but i don't fault anybody but myself most likely haha

wheat current
#

oh I see, it's just a const in the card-picker

trim plank
#

Hello, i have xiaomi sensor that i want to display on my lovelace ui but i can't find a nice single line card to show temp & humidity. What do you recommend? I just want to see my sensor in single card / single line as;

Room Temperature 35,3C | %41

mild veldt
trim plank
#

Thanks, i'll give it a try.

errant birch
#

I'm trying to run a service for the browser_mod plugin

#

when calling the service from the services screen it works great, but when It runs from nodered it fails..

#
   "title": "Voordeur CAMERA",
   "large": true,
   "card": {
      "type": "picture-entity",
      "entity": "camera.voordeur",
      "camera_view": "live"
   },
   "deviceID": [
      "kiosk"
   ],
   "style": "ha-card {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 1024px;\n  height: 768px;\n}\n"
}```
#

that's the Json, converted from this yaml

#
large: true
card:
  type: picture-entity
  entity: camera.voordeur
  camera_view: live
deviceID:
  - kiosk
style: |
  ha-card {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    height: 768px;
  }```
#

anyone have an idea why the service call using yaml is working and the JSON call from Nodered is not ?

#

By fails I mean, it opens the popup window but then gives the "something went wrong" chrome error page ..

mild veldt
errant birch
#

I didn't really know where to post since I thought it might be connected to the popup card more then the Nodered service call..

mild veldt
#

well considering your service call works, I don't think it is related to the integration, but your nodered formatting

errant birch
#

thankx @mild veldt

winter blade
#

I've added a glance card with scripts in it. Is there a way to make the scrips execute when clicking them in the card instead of opening the little pop-up box?

split granite
#

Tap action

winter blade
#

where and how do I add that into the card YAML?

split granite
#

Have a look at the docs for the glance card πŸ˜‰

winter blade
#

I will, thanks!

polar kelp
#

πŸŽ‰ Base entity and entity_picture support in template-entity-row!

modern breach
#

meh, I can't keep up as it is, now look at what you did

#

πŸ˜„

modern breach
#

ok, im stuck, again. How do I test if this exist? if states("sensor.smhialert.attributes.messages['023']") always comes back true no matter if it is there or not

mild veldt
#

dev tools -> templates

modern breach
#

that is where i test yes

mild veldt
#

...? so test it

wheat current
#

Read template docs and try again, what you are doing now will never work

modern breach
#

I already figured out that part πŸ™‚

#

hmm, that didnt paste very well

#

i can grab information like states.sensor.smhialert.attributes.messages['001']['msgs'][0]['district_name']

#

but I would like to test first if the 001 -district exists in that table

wheat current
modern breach
#

no, guess we aren't at that step yet πŸ™‚

polar kelp
#

πŸŽ‰ I guess

#

(Not as good as it sounds)

tulip wing
#

I have a custom component based on media player to talk to my multi zone audio amp - the media player cards work fine for changing volume and source, but my amp has settings for bass/treble/speaker balance which I'd like to change from lovelace - I've added services for them media_player.bass_set etc any advice for how to go about adding controls to lovelace?

#

currently using custom:mini-media-player for control

#

not that I'm tied to sticking with that if there are better alternatives

#

or even "external" control outside a media player card - these aren't settings I'd change very often

#

I'm using yaml mode for lovelace

polar kelp
#

1: Have your component create four separate media_player entites. One main one, and separate ones for bass, treble and balance. Then have them react appropriately to "volume" changes and add a slider-entity-row for each.

#

2: Create an input_number for each property, and connect it to your services and attributes via automations, and add a slider-entity-row for each.

#

(4: Make your own card for it)

mild veldt
polar kelp
#

I like 3 the best

tulip wing
#

thanks for the advice, I'll have a read up on the docs and think about the best option

winter blade
#

is there any way to make clear entities so you can make blank spaces within a card?

atomic glacier
#

lovelace-dummy-entity-row @winter blade perhaps?

#

or just create a dummy entity with no icon

winter blade
#

Yea but then the name would still show up

atomic glacier
#

depends on what card you are using, you never said

winter blade
#

Using a glance card

atomic glacier
#

glance you can+

#

show_name: false

winter blade
#

yea but that affects all the entities

atomic glacier
#

yep

winter blade
#

I want it to hide 1 name

#

so there is like a blank space

atomic glacier
#

lovelace-gap-card

#

put them in a horizontal-stack

#

and add the blank ones in between

livid oracle
#

@polar kelp is slider-entity-row supported in browser-mod?

#

for popups

winter blade
#

I will try, thx

atomic glacier
#

really need more info as to what you are trying....and what you have already workingπŸ€·πŸ»β€β™‚οΈ
kinda hard to picture what, with so many different combinations

winter blade
#

True

#

I've found a way, make a script. set a full transparant image as icon and set the friendly_name to one of those empty characters

livid oracle
#

HI All anything you see wrong here?

popup_cards:
  light.living_room_dimmer_back:
    title: Back Dimmer
    card:
      type: entities
      entities:
        - type: 'custom:slider-entity-row'
        - entity: light.living_room_dimmer_back
#

it produces this error

Cannot read property 'split' of undefined
type: 'custom:slider-entity-row'
feral rivet
#

hey guys I do I change the icon the shows up in the UI for an entity?

atomic glacier
#

@livid oracle The - before entity...

      type: entities
      entities:
        - type: 'custom:slider-entity-row'
          entity: light.living_room_dimmer_back
livid oracle
#

YES!!!!!!

#

It worked!!

#

WOW thanks so much!

feral rivet
#

I have an outdoor zwave plug that I use to turn on string lights. Currently the icon shows as a flash , but I want to change it to a bulb. How do I do that?

smoky depot
#

@feral rivet Configurations configuration > Customizations

feral rivet
#

I am there, but I don't see a way to edit the icon the shows up in my UI?

mild veldt
smoky depot
#

You pick an entity at the top then pick an attribute, select icon then enter the name of the new icon you want to use. mdi:lightbulb

feral rivet
#

@smoky depot I don't have that subcategory inside of configurations. How do I add it?

smoky depot
#

?

#

in you UI

#

you pick Configuration on the left panel

#

the pick Customizations

feral rivet
#

yes i did

smoky depot
#

once you done that you are presented with a drop down box for all the entities, you select the one you want to change

#

then you pick an attribute to override

#

select icon

#

and enter mdi:lightbulb

feral rivet
#

I have a lot of options there like scene/scripts/integration and others. I don't have customization.

smoky depot
#

its at the very bottom

#

you should already have Advanced Mode turned on through your profile

feral rivet
#

users is the last option on the page for me.

smoky depot
#

you been in this window before, i remember you doing this lol

#

ok

#

on the left panel, click your profile icon

#

scroll down, turn on Advanced Mode

#

then go back to configuration

#

this probably means you no longer have customization.yaml setup

feral rivet
#

that was it . advanced was turned off. I have no recollection of going there and turning it off

#

Do I need to create a customization.yaml inside config.yaml directory?

smoky depot
#

you should already had that setup

#

unless you had reinstalled hass.io since then

muted inlet
#

@feral rivet it's probably from when you had to clear your authentication

#

That's probably why advanced mode "turned off"

livid oracle
#

Can we use json on the button-card? I am trying to cast the variable value of the dimmer to a float. Might be easier with json.

smoky depot
#

cards use javascript

#

so you can format something in a var then display the var

livid oracle
#

@smoky depot yes I did that, just took some messing around to get the format correct

smoky depot
feral rivet
#

@smoky depot I have a ton of weather badges from Dark Sky that will be pretty important for helping manage my Irrigation system, but right now they have taken over my home views. How can I hide or remove them?

smoky depot
#

upper right, click 3 dots, Configure UI > upper right one more time, click 3 dots, Raw config editor and then you'll see

views:
  - badges:

and you can just remove whatever ones you don't want

feral rivet
#

ok I see , is there a way for me to just hide them?

smoky depot
#

as in not removing the entries? no

feral rivet
#

ok

#

I was doing a few edits in customization and got this message It seems that your configuration.yaml doesn't properly include customize.yaml. Changes made here are written in it, but will not be applied after a configuration reload unless the include is in place.

smoky depot
#

do you not have

homeassistant:
  customize: !include customize.yaml

in your config? I know for FACT we set you up with that once lol

feral rivet
#

I have it

smoky depot
#

and you created the customize.yaml file?

#

I guess somewhere along the lines of the past few revisions ha creates it for you but i know 103.0 didnt

#

you havve to have a customze.yaml file in your /config folder

feral rivet
#

/config/customize.yaml

smoky depot
#

ok

#

so not sure what the message is about. is there stuff written in that yaml?

feral rivet
#

yes

smoky depot
#

then your good

feral rivet
#

ok

#

If I want a icon like a door to change state from door-open to door-close, how do I do that?

#

Is that done in customization as well?

smoky depot
#

no to pull off state change icons you need to use a custom cards

#

OR you could make a template sensor

#

and use that to change icons on state as well

feral rivet
#

So button-card is not standard for HA, does that come from HACS?

vivid marsh
#

anyone able to help, im trying to install : https://github.com/pilotak/homeassistant-attributes but all i get is an 'unknown' state.
I think it has something to do with not including the url etc in the ui-lovecale config under resources but i can't find exactly what to put

#

the manual install doesnt show anything, i have installed it via HACS tho

smoky depot
#

@feral rivet you can grab it from hacs, yes. anything with the name custom in it is not built in

mild veldt
#

@vivid marsh that has nothing to do with lovelace...?

vivid marsh
#

welp.. moonwalks outta here

feral rivet
#

I have successfully integrated HACS, but I don't know how to bring the stuff I have installed over to my config yet? πŸ˜‹

mild veldt
#

it's an integration. once you have the sensors created you can display them in lovelace

#

@feral rivet if you are not using yaml mode, HACS will download and install for you

vivid marsh
#

oh there is a custom-components channel. I'll go there.. ??

mild veldt
#

sure

feral rivet
#

@mild veldt I followed the link you provided and have them downloaded and installed in the CS, but in lovelace when I click on the + button to add a car those items are not on the list to choose from.

mild veldt
#

custom cards don't show up in the list. select "manual card"

#

and then you'll need to enter yaml yourself

smoky depot
#

I usually just pick the manual card from the list then add custom card type to that

feral rivet
#

ahh ok that make sense

smoky depot
#

can copy/paste an example to get you started and modify as needed

#

course be mindful of indentations etc

feral rivet
#

Is that the same process for the mini media player as well. start with the manual card and customize ?

smoky depot
#

technically you caan use the manual card and just manually enter any kind of card you want lol

pallid needle
#

Is there a good way to edit svgs online? I want to update my floorplan but inkscape doesn't work well on my mac

#

I want to just edit some icon groups and add a couple more

ancient harness
pallid needle
#

nothing particularly complex

smoky depot
#

you want to edit the default icons?

pallid needle
#

@ancient harness that might work

#

@smoky depot There aren't any default icons in floorplan

#

that I'm aware of

ancient harness
#

I want to update my floorplan

#

i think it's just a re-placement of something?

#

i think that tool should do the trick, but again i haven't tried

#

ok now i can't say that.. i drew a box and it worked... world saved!

pallid needle
#

lol

#

ha

#

ah it's close, but not quite

#

you can't set canvas size it looks like

#

so it imports my current plan super small and doesn't constrain proportions

ancient harness
#

svg doesn't really have a canvas size

#

you can set the artboard easily inside the svg itself, but... depending on how the svg was created it may scale awkwardly

#

svg is a weird beast, honestly

pallid needle
#

yeah I actually figured out how to get it in

#

and it added a ton of weird lines

#

which is probably a bunch of leftover from when I first generated the floor plan

#

I'll play with a bit

feral rivet
#

technically you caan use the manual card and just manually enter any kind of card you want lol while you statement is probably true, is that the best way to go about setting up the mini media player card?

pallid needle
#

@feral rivet what other way is there?

feral rivet
#

I am not sure I think @smoky depot was been a bit sarcastic with me so I am just trying to confirm his statement.

pallid needle
#

I don't think he was being sarcastic, what he was saying is accurate

#

you can enter any kind of card using manual card

#

there's just some built in ones like light or entity you can use a helper card with some ui elements

#

AFAIK the only way to add custom cards is with the manual card

#

it's what it is for

#

@ancient harness alas, that was a good suggestion, but you can't seem to edit properties

ancient harness
#

no no, open the file like a text file

pallid needle
#

well yeah

#

I can do that directly on HA too

#

I was hoping for some gui interaction heh

ancient harness
#

i can resize it for you in illustrator if you'd like

pallid needle
#

oh that's not the issue, I got that bit

#

sorry I wasn't clear

#

it's pulling in artifacts from previous edits I think

ancient harness
#

ah, yeah identifying that can be painful in a raw svg

pallid needle
#

see the lines / block on the left

#

I can do it on my normal comp in the morning

ancient harness
#

yep.. that's what i was kinda alluding to about not having a canvas... and artboard is a really convoluted and abstract canvas, not really the same, even if often treated as such

#

but wait, you can't edit that in that tool?

pallid needle
#

no

#

and to export you have to submit it to public domain

ancient harness
#

lame

#

ew no thanks

pallid needle
#

eh it was worth a try

ancient harness
#

well if you want it done super quick i can rip it out.. no biggie

pallid needle
#

I'm going to try inkscape again

#

thanks for the offer, it's not a huge priority, I'll take care of it

#

those lines don't show up in my ui

#

so I'm not sure they are even really there or introduced from the import

kind shellBOT
vapid field
#

blah forgot about that bot

#

So I'm trying to figure out state icons on custom card - https://paste.ubuntu.com/p/3MdVVnRsQB/ , I can't seem to get it working.. When I have my state code in the snip I will end up with a lost button ( no icons button vanish )

#

state:

  • operator: template
    value: >
    [[[ return states['states.fan.dysonfan.attributes.auto_mode'].state
    ==='true' ]]]
    icon: 'mdi:fan'
  • operator: template
    value: >
    [[[ return states['states.fan.dysonfan.attributes.auto_mode'].state
    ==='false' ]]]
    icon: 'mdi:fan-off'
#

I figured I had that correct but I guess not still

smoky depot
#

I literally just went back and turned all my state icon handling over to template sensors to get all that code out that card lol.

#

i would do == as opposed to ===

keen briar
#

Where do I go to install samba add on?

vapid field
#

@smoky depot Do I have it in the right spot? I tried == no luck, bed time now

mild veldt
smoky depot
#
 [[[ return states['states.fan.dysonfan.attributes.auto_mode'].state == False ]]]
vapid field
#

seemed like

#

'return (states['states.fan.dysonfan.attributes.auto_mode'].state == false)'

#

that worked "better"

#

it was at least giving me an icon and picking up on the icon in that template.. but not triggering the correct state value..

#

when I use the [[[ it goes missing..

kind shellBOT
vapid field
#

but I appreciate the help @smoky depot but it's bed time.. must get up for work πŸ™‚ good night for now.

smoky depot
#

yup

wheat current
#

!states[.... without ===.... looks cleaner

compact mesa
#

Hi everyone! is it possible to make a card smaller?

polar kelp
#

Easiest way is with a horizontal stack.

polar kernel
#

I use that to remove any card board and reduce space in between cards

vapid shadow
#

@wheat current loose equality might be a performance penalty though. Coming from a JS background, not sure if the same applies here.

polar kernel
polar kelp
polar kernel
#

Thanks, I will try with that

polar kelp
#

Actually, that's not very good at all...

#

Wait. I'm sure I have something useful somewhere...

#

But don't forget to call the original one

#

The toast is an old polymer element. Those are a bit harder to work with than the litElement ones.

polar kernel
#

I think so, as it I can overide the default ui value but I have to make some tries
I am not well enough expert on UI to make that kind of change and it will require more learning

polar kelp
polar kernel
#

Overriding seems for me to change the frontend code and not only the rendering

polar kelp
#

Yeah. That can be done exactly as in the state-switch example. Just replace the styles function of the prototype.

polar kernel
#

I will give it a try when I can put my head on it. Thanks @polar kelp for you help

molten cypress
#

how can I display an input_text without the name and icon (and without the padding they generate)?

feral rivet
#

hey guys , not sure what I am doing wrong with the mini media player, but I am getting this response this._configElement is undefined

#

I have copied and pasted in the exact lines from the guide. Only changes made are to the entities , to accurately reflect my devices.

feral rivet
#

Could the issue be the fact that I have not updated from .103.5 to .103.6?

smoky depot
#

doubtful

#

TM you should know by now to always post what your code block is when asking questions lol

kind shellBOT
smoky depot
#

well not seeing anything off the bat

feral rivet
#

it's exactly the same as the one posted by kalkih except for changing his entities for mine

smoky depot
#

try removing some of the options and see if the issue goes away cause the error seems to be pointing to an option you havve set that isn't defined although I can't find which one that isn't

feral rivet
#

So I think I found something in all my entity types I have 'custom:mini-media-player' but they are all in red.

smoky depot
#

they are suppose to be

#

type: 'custom:mini-media-player' < is correct

feral rivet
#

ok then I am out of guesses.

#

now to your recommendation

#

well I took it down to just the first entry block - type: horizontal-stack cards: - entity: media_player.family_room type: 'custom:mini-media-player' info: short artwork: cover hide: mute: true icon: true power_state: false

#

and I am still seeing the same output

#

could a possible HA restart or reload help?

smoky depot
#

remove

      info: short
      artwork: cover
      hide:
        mute: true
        icon: true
        power_state: false

and see what it shows. you shouldn't need to restart HA for any changes in that

feral rivet
#

no change

#

could this be the issue ```resources:

  • type: module
    url: /community_plugin/mini-media-player/mini-media-player-bundle.jsthe instruction say it should be thisresources:
  • url: /local/mini-media-player-bundle.js?v=1.5.2
    type: module```
smoky depot
#

you installed through hacs?

feral rivet
#

yes

smoky depot
#

hacs installs it correctly

feral rivet
#

got it

#

I am out of ideas.

smoky depot
#

if you all you got is an entity and type and it's throwing errors then something is out whack

#
- type: custom:mini-media-player
  entity: media_player.kitchen_speakers

you said you removed the additional entrys and you only have 1 right? and that one looks something like this right?

#

you can try removing the ' ' around the custom:mini-media-player but lovelace will just add them back automatically and those aren't the issue

open nebula
#

Hi all.
Is there a better input for hour/minutes than "slider"? it's really annoying to try and operate a slider on a mobile device.

smoky depot
feral rivet
#

@smoky depot this is my input- type: custom:mini-media-player entity: media_player.family_room this is my outputthis._configElement is undefined

smoky depot
#

ok now i gotta ask this question @feral rivet
when you remove that entry completely does the error go away?

#

lets just make sure that one entry is the sole cause of this error

open nebula
#

@smoky depot Thanks.

What I was particularly looking for was an interface that would allow easy hour / minute choice and not an input field that you have to type in.

smoky depot
feral rivet
#

null but this is still my outputthis._configElement is undefined

open nebula
#

Yeah, trying that now

smoky depot
#

@feral rivet null? you mean you removed it? and the fact your still getting the error means the error is coming from something else.

feral rivet
#

correct, I have removed everything except that I picked the manual card. Should I try the Media Control card?

#

Where else could the issue be

smoky depot
#

you gotta trace back your steps to see what all you may havve done since the error started

#

maybe you accidently messed up something else on another card or something

#

you can remove the custom media card from within hacs and see if the error goes away, if it remains and you havve no entrys pointing to it in your yaml then you know it's something else for a fact

#

make sure you restart after you remove it

#

for good measure

feral rivet
#

That's the problem, I have not done anything else this morning but install some plugins. nothing else. All my other cards have been on my screen for days.

#

So when you say remove you mean uninstall the mini media player card?

smoky depot
#

yes i mean uninstall

#

and if your adding multiple plugins and integrations at the same time then you have no idea what is causing what

#

you should add one at a time, make sure it's working then add another ect..

feral rivet
#

Well I screwed that one up royally , because I add all the plugins that I would want to use in my install.

smoky depot
#

these are custom addons, there are no promises they will work flawlessly with every build of ha so you should never just flood the boat lol

#

heck if you look at some of the ones they hadn't been updated in years it's amazing they still work

heady berry
#

Hi, I got my first roller blind working today, integrated as cover. Is there a way I can show if its open or closed using the icon?

#

The controller is a Shelly 2.5 running on stock fw

severe fox
#

Is there a way to flip an icon in a picture entity card? cctv camera icon is pointing to a wall instead of the driveway

mortal cape
#

@severe fox I'm not sure if you can use card-mod for something like that or not

mild veldt
#

@severe fox you mean picture-elements?

severe fox
#

@mild veldt Yes that do I mean. I looks very "stupid"to point the cctv camera to the wrong side

#

I have a floorplan which I entered all the lights and camera's. Unfortunately the icons doen't rescale if floorplan is rescaled on a smaller screen. That is another "design" issue

mild veldt
#

@severe fox use CSS in the style

#

transform: rotate(270deg)

severe fox
#

@mild veldt That did the trick! Great.

#

Do ou also know how to scale the icons in the same way as the floorplan (png) itself? Now the icons are quite big on my phone. On the wallmount tablet they are fine. I know how to set the size of an icon.

queen mauve
#

Hey, what's the default font in lovelace/HA?

sullen stream
#

anyone using glance cards? my question is how do i make them toggleable buttons so they turn the device on/off immediately w/o opening an popup window?

#

@queen mauve looks sans serif..... Helvetica?

wheat current
#

Press F12 and check? 🀷

sullen stream
#

font-family: Roboto

mild veldt
#

@sullen stream look at the docs; tap_action

sullen stream
#

ok... found it....so would I add an attribute to:

    cards:
      - entities:
          - entity: light.wled
            name: Task
#
tap_action
  action: toggle
#

becoming

#
    cards:
      - entities:
          - entity: light.wled
            name: Task
            tap_action
              action: toggle
dusky condor
#

Try it and see?

sullen stream
#

I think I'm close but......

#
 - entity: switch.shelly2_5_switch1
    tap_action:
      action: toggle
    name: Entry
#

gives this error: Expected a value of type {entity,name,icon} | entity-id for entities.3.tap_action but received {"action":"toggle"}.

wheat current
#

That is expected

#

When doing "fancy" things you loose GUI editor functionality

sullen stream
#

not wanting fancy.... just cut out the middleman

wheat current
#

Tap action === fancy

sullen stream
#

I suppose but so much easier

dusky condor
#

You could always do a Horizontal Stack with regular buttons in it...

#

Basically the same effect if I'm not mistaken

sullen stream
#

probably.... I'm thinking horizontal stack.. docs?

dusky condor
severe fox
#

Disadvantage of HA is the quick change in releases. Tutorials and YouTube videos are quickly outdated. So my question is: where can I find a good or bit up to date tutorials in how to change themes.

#

They are downloadable I thought

kind shellBOT
sullen stream
#

How long can a YAML exist in the desert without water?

kind shellBOT
#
:8ball: 8Ball prdiction:

Question: How long can a YAML exist in the desert without water?
Answer: You Wish

sullen stream
#

8Ball.... you're so wrong....
but a serious question:

type: horizontal-stack
title: Lights
cards:
  - type: light
    entity: switch.shelly2_5_switch1
  - type: light
    entity: switch.shelly2_5_switch1_2
#

I thinking this but I'm aware that YAML is super indentation picky and I already have a cards: heading in my lovelace

dusky condor
#

iirc without being able to look at my config right now I believe that what you posted there would go in your current cards: block

#

like

views:
  ...
  cards:
    - type: horizontal-stack
      title: Lights
      cards:
        - type: light
          entity: switch.shelly2_5_switch1
        - type: light
          entity: switch.shelly2_5_switch1_2
sullen stream
#

since I have type: glance above it how do I avoid duplicate mappings for "type" ?

#

ah the hyphen maybe

#

my entities are switches... but I called them type: light ( not working) then I tried type : switch... that not work... looking at the docs

#

my error is : Specify an Entity from within the light domain when I put type: light

#
type: horizontal-stack
title: Lights
cards:
  - type: light
    entity: switch.shelly2_5_switch1
  - type: light
    entity: switch.shelly2_5_switch1_2
#

what domain am I in?

dusky condor
#

Oh, right, you have to use card types there

sullen stream
#

?

dusky condor
#

Since you are using the type: light you can't use a switch entity

sullen stream
#

can I use a switch in a horizontal stack?

#

or... how to switch the type so that I can use my entities?

#

entities maybe?

dusky condor
sullen stream
#

you nailed it! πŸ‘

#

πŸ™ thank you , grasshopper learned much.

dusky condor
#

np

frank crest
#

Is there way when using an entities card to make the on tap open a different card? What I want to do is open a thermostat card after clicking on the thermostat in an entities card

kind shellBOT
feral rivet
#

ops that all was not supposed to be posted

#

So i have been successful at adding the mini-media player card which displays my current sonos system. That said the mini media player guide does not appear to detail how i can get my music service on the drop down source page or as buttons. Has anyone been successful with this?

smoky depot
#

what did you find out that was wrong with your card from before TM?

kind shellBOT
feral rivet
#

how many lines can I post before I hit the code wall?

smoky depot
#

15

feral rivet
#

oh ok

#

@smoky depot are you using a sonos?

smoky depot
#

no, I was asking what you did that broke the card earlier, did you find out?

feral rivet
#

lol, I did not do anything but follow the instruction,which I don't think are always correct

#

Anyone using sonos want to share if they are able to get their other services added to their UI. similar to what you get directly from the app

tiny umbra
#

hello all. Totally new using hassio on rasberypi. I want to use some thermostat to start and stop my wall heaters using fibaro wall plug and evergreen st 814. I have tried to download simple_thermostat using hacs. After i installed it i go to add manually card. then i put in like this - url: /community_plugin/simple-thermostat/simple-thermostat.js
type: module

#

and i get i yellow txt . Cannot read property 'setConfig' of undefined
No card type found

  • url: /community_plugin/simple-thermostat/simple-thermostat.js
odd light
#

okay people, whos got a cool weather setup

#

since the dark sky coords go in the config.yaml does that mean I couldn't dynamically change then without an HA restart?

#

I wanna be able to have a dropdown to change where the weather forcast is for

fleet sparrow
#

Does anyone know how to enable dark theme on hassio 3.7?

odd light
#

oof

#

I downloaded it from HACS

#

but its really just 1 file you can get from the net and drop into the folder

fleet sparrow
#

link?

fleet sparrow
#

Nice. Thanks!

odd light
#

np

#

that one .yaml file

fleet sparrow
#

Can I install it without having to first install/configure HACS?

odd light
#

you don't need hacs at all

#

just make a themes folder

#

hacs just does it for you

#

and make sure your config.yaml points to the themes folder

fleet sparrow
#

Ah right

odd light
#

hacs is pretty damn nice though

feral rivet
#

hey guy if I am adding an image to a picture entity card does the image go in the www folder? Do I need to create an image folder there as well?

odd light
#

Can I do something similar to this and just display the weather info in an iframe and store different url's in an drop down box?

- title: Weather and Climate
cards:
- type: thermostat
entity: climate.thermostat
- type: iframe
url: https://darksky.net/map-embed/@temperature,42.213,-82.134,5.js?embed=true&timeControl=false&fieldControl=false&defaultField=temperature&defaultUnits=_f
aspect_ratio: 100%
title: Temperature Radar
feral rivet
#

Hey guys just want to make sure I am thinking about this right. Can a scene trigger script or automation or vice versa?

mild veldt
#

@odd light too many dashes

#

@feral rivet just needs to be in www

#

Translates to the path /local/

odd light
#

@mild veldt that was just a thing I found online

feral rivet
#

@mild veldt got it

mild veldt
#

That thing is wrong😜

odd light
#

most likely

#

lol

#

I'm just wanting to know if the concept is right

feral rivet
#

guys I am getting ready to setup a irrigation system and I am working on the automation part. So my irrigation would run based off the weather reports from dark sky, day of the week , and time of night. So which one would be the trigger or can I have multiple triggers?

fleet sparrow
#

@odd light Thanks for the HACS suggestion. It's super slick!

odd light
#

you can have tons of triggers

#

no prob

feral rivet
#

Hey guys so how to I set up a weekday trigger for my irrigation system?

smoky depot
#

Configuration configuration > Automations

feral rivet
#

I'm there , but i am not seeing or understanding how to use my trigger types to setup a weekday trigger.

odd light
#
- alias: wakeup_light
  initial_state: True
  trigger:
    - platform: time
      at: '05:50:00'
  condition:
    - condition: time
      weekday:
        - mon
        - tue
        - wed
        - thu
        - fri
  action:
#

something like that

atomic glacier
#

@frank crest if no one has answered yet...hass-browser-mod popup is what you are looking for

feral rivet
#

Hey DinoTech, thanks. I will be reaching out because I want to know know how to integrate your mobile interface without have to set a complete new HA instance

atomic glacier
#

I'm not going anywhere πŸ˜‰ (<---I am in process of updating my repo...major overhaul, so good timing!)

bleak spire
#

hello

#

this is the first time on this chat and this is because I am lost

#

been working with HA for over six months

#

messed with Lovelace file which now is not loading 😦

#

giving me unknow error

#

anyone available please who has the kindness to help me save me work ?

#

no one ?

#

please?

mild veldt
#

Which Lovelace file? There are multiple methods to edit Lovelace. How did you do it?

pallid needle
#

I have an idea for an nice interface for managing my monoprice 6 zone audio amplifier, it has 6 inputs ( each are a media player ) and six outputs that are represented as media players too

#

I see something like sources in a row below the outputs

#

and dragging inputs over to which outputs I want it to go to

#

when I release the input a popup would ask me which source it should play

#

then the source would have a line to each output it's playing on

#

I know this is custom and doesn't exist, I'm not sure how to begin putting something like this together though

atomic glacier
#

@pallid needle start here: https://github.com/custom-cards/boilerplate-card great base to learn the ropes

pallid needle
#

@atomic glacier thanks

#

is it built on a framework

#

or is it just ES6?

atomic glacier
#

It's a good base card to copy/fork and use for your card....

vapid field
#

Hello, Could someone help me understand how to setup casting lovelace to a chromecast device?

pallid needle
#

ah it's typescript right?

atomic glacier
#

It's confusing to me, LOL. Never really had time to experiment with custom cards...yet

#

@vapid field haven't had a need to do that yet, sorry

pallid needle
#

I think the boilerplate is a good starting point, but I think there are larger gaps in my knowledge

atomic glacier
#

mine too...😜

mild veldt
#

Play and learn

atomic glacier
#

πŸ€” yep...lemme get these 4 downlights installed in my office tonight and I'll look at it...πŸ˜‚

pallid needle
#

@mild veldt is there a recommended node version?

atomic glacier
#

I just learned how to spell yaml....js is a much bigger wordπŸ™ƒ

mild veldt
#

core is using 8.11.1, which is usually then what I use else where @pallid needle

#

just get nvm and you're set to jump around versions quickly

pallid needle
#

Thanks, I use docker for development usually

#

it's even easier to jump around versions πŸ˜„

mild veldt
#

I'm still pretty ignorant with docker

pallid needle
#

but sometimes takes some work to configure if a project is not configured to utilize docker

#

it's pretty sweet

mild veldt
#

I had devcontainers setup for everything, but reimagined my machine last night and can't get anything to work now... πŸ™ˆ I hate figuring out dependency crap. just want to code

pallid needle
#

docker is good for that

#

I'm a web developer, I don't even have a webserver installed

#

just docker

mild veldt
#

I'm a C++ dev, but spend my free time with HA frontend πŸ™‚

pallid needle
#

and if I lose my machine I can just get ubuntu, install docker and pull my projects down and good to go

mild veldt
#

I think there is a docker file in the polymer repo. No idea if it still works or not

pallid needle
mild veldt
#

But a devcontainer is essentially the same thing, right?

#

The boilerplate-card has a devcontainer

pallid needle
#

that's like an adhoc node server right?

mild veldt
#

Well I guess that helps you get the backend piece, not the dev pieces

pallid needle
#

actually I actually have node installed on my laptop

#

would you look at that

#

9.3.0

mild veldt
#

well, do me a favor then. fork the boilerplate-card and see if you can get the devcontainer working πŸ™‚

pallid needle
#

I'd be happy to test

mild veldt
#

something I'm not doing right on my system. Cause it was working before I reimaged

#

resolution: learn docker in 2020 😜

pallid needle
#

docker isn't perfect, but all my local projects are in docker

#

on a server I have set up that only has docker installed

#

about a dozen items

#

node red / nginx / home assistant etc

#

ok I just pulled my fork and ran yarn install

#

I'm about to go in the devcontainer and test

#

do I have to run yarn install in the .devcontainer again?

#

it's failing to start

mild veldt
#

yes, the container is...contained

pallid needle
#

Failed at the boilerplate-card@1.1.7 start script.

mild veldt
#

well I can't even start my container...what the crap 😦

pallid needle
#

running yarn install again from there first

#

sh: rollup: command not found

#

is the first error

#

there is something weird going on with yarn

#

there is a yarn.lock after running yarn install

#

but node_modules isn't created

#
yarn install v1.3.2
[1/4] πŸ”  Resolving packages...
warning rollup-plugin-commonjs@10.1.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-commonjs.
[2/4] 🚚  Fetching packages...
error @typescript-eslint/eslint-plugin@2.6.0: The engine "node" is incompatible with this module. Expected version "^8.10.0 || ^10.13.0 || >=11.10.1".
error Found incompatible module
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
mild veldt
#

it don't like your node πŸ™‚

pallid needle
#

I think I need to downgrade node

mild veldt
#

i seem to recall there being some kind of bug with 9, so lots of things don't support it...? might be making that up in my head though

pallid needle
#

I'm not a fan of mac, give me a moment to figure out how to get nvm

#

it looks like brew supports it

#

switching to 8.10.0 allowed yarn install to work

#

let me test the container now

#

@mild veldt I see this ```bundles src/boilerplate-card.ts β†’ dist...
http://0.0.0.0:5000 -> /Applications/MAMP/htdocs/boilerplate-card/dist
created dist in 3s

[2020-01-10 22:13:33] waiting for changes...```

#

and that ip shows just ```404 Not Found

/Applications/MAMP/htdocs/boilerplate-card/dist/index.html

(rollup-plugin-serve)```

#

There is no index.html in the dist folder, is that missing from the repo?

mild veldt
#

localhost:9123

pallid needle
#

I hit that too, it didn't show anything

#

said site can't be reached

mild veldt
#

you ran the start task?

pallid needle
#

npm start

#

from the .devcontainer

#

after running yarn install on node 8.10.0

mild veldt
#

oh you need to start the HA backend first

#

dc start in another terminal

pallid needle
#

dc isn't a recognized command

mild veldt
#

in the container

pallid needle
#

in .devcontainer?

#

or is there a way to attach to the server?

#
Could not open file start: No such file or directory```
#

cause running it in .devcontainer doesn't do anything

mild veldt
#

no, once you have the container running, you need to run dc start from inside that instance

#

let's move to DM

pallid needle
#

sure

fresh phoenix
#

Running hassio 0.103.5. I'm trying to add a custom css file but it doesn't appear to be getting loaded. I put it in /config/www and added it to the resources section in the raw ui config editor with a version query param that I keep bumping. After restarting hassio, clearing the cache and reloading, I see nothing to indicate that it was actually brought in. Looking at the developer tools, I see none of the styles. I've tried to put in just a couple of basic styles with an "!important" attribute that should show up in various places in the UI, but nothing. Is there anything else special I need to do? I've posted to the forums, but not getting any responses before it gets buried.

frank crest
#

Thanks @atomic glacier

atomic glacier
#

@fresh phoenix not really clear on what you are trying to do? What type custom css file?

#

or better yet, what are you trying to achieve?

fresh phoenix
#

@atomic glacier my ultimate goal is to set a style for mdc-button objects. They can't be styled via a theme file. I've created a theme I really like, but places that use an mdc-button, the text is set to the primary-color which makes the text almost unreadable against my chosen colors. So, I've got a .css file that I want to get included that will target those buttons. But right now, I've just put some simple styles in it just to see it working and it's not. From my understanding from reading forum posts, I should be able to put a .css file in /config/www, then add and entry into the lovelace resources section. I can paste when I'm doing into a hastebin and post the link.

atomic glacier
#

if this is just for your use, that is... sure there is a better solution than what I have, but...

fresh phoenix
#

Because some of the text is not in a card. For instance, HACS uses those button for all it's link text. Also when you edit the UI via the editor, the links under each card are also mdc-button types and you can barely make out the text.

formal tide
#

how do i get a string length in a template?

ancient harness
#

entity_id.len() | int maybe at the worst?

#

along those lines.. i'm making this all up

formal tide
#

state.attributes.battery.len() doesn't work :/

ancient harness
#

Isn't that a number already?

polar kelp
#

Just add | length

#

{{ state.attributes.battery | length}}

formal tide
#

how can I make the picture-entity card behave like a picture element on click?
I just want the image, not the entity information

split granite
#

Have you looked at the configuration options for that card πŸ˜‰

formal tide
#

so I set the navigation url to the picture?

split granite
#

I'd give it a try, see if it does what you want

formal tide
#

nope, I'd link it to /api/camera_proxy/camera.eingang because the image is from a camera but the response is empty :/

ancient harness
#

Lol see someone told me objects are Python objs in Jinja yesterday, so I took a SWAG, and failed

median pewter
#

So, I am working on a panel of light controls for my master bedroom using custom button-card and running into an issue. In the top left button, I want it to display the name nicely (preferably with a line break between the words) or something that dynamically shows what the percent of the brightness is. I haven't had any luck finding something that works well and matches the look the way I want it to.

#

Well, apparently I can't upload a screenshot here.

kind shellBOT
#

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

median pewter
eager thistle
#

hey guys, i have mutliple smart speakers in my apartment and I feel my lovelace view gets a little too cluttered, especially when something is playing. What sort of setups are you guys using? and would you recommend a particular card to group these speakers together?

split granite
eager thistle
#

Thanks i'll take a look πŸ˜„

heady berry
#

I just installed mini media player, but I have some issues with the configuration. Can you give me a hint there?

wheat current
#

write it correctly

heady berry
#

The card configuration goes into a Custom Card, right? I already have the reference added via the raw config editor

wheat current
#

Manual card, but yes

heady berry
#

Ah yes, ok so at least thats right. I just tried ´´ - entity: media_player.kitchen_speakers
type: 'custom:mini-media-player' ´´

kind shellBOT
#

@heady berry 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

heady berry
#
  type: 'custom:mini-media-player' ```
wheat current
#

And that is not valid

#

there should be no spaces to the left

vapid field
#

Hi
Can't creat custom :xiaomi-vacuum_card

Vacuum installed with hacs correctly!

wheat current
#

Cool

heady berry
#

there should be no spaces to the left
@wheat current ok, now it looks a bit better. But I still get Custom element doesn't exist: mini-media-player.

wheat current
#

then it's not loaded

heady berry
#

I think Its a problem with the url, but tbh I cant figure out the right one. Currently it is ```resources:

  • type: module
    url: /config/www/community/mini-media-player/mini-media-player-bundle.js```
#

also tried ```resources:

  • url: /local/mini-media-player-bundle.js?v=1.5.2```
split granite
#

You installed with HACS?

heady berry
#

yes

split granite
#

Then HACS tells you what to use there

wheat current
#

It even ask to add it...

heady berry
#

😩 just saw that, sorry

grim beacon
#

@vapid field: The snippet you have posted contains a space between custom and ":".

heady berry
#

ok now I can add the cards without errors, but as soon I leave the configuration I see just nothing.

idle scaffold
#

@split granite I've tried curl with the example you gave in in #330944238910963714 , I am getting HTML back, but not the one I expect. Whatever url I request, I keep getting back the same HTML. It is the HTML that you see when you just logged in (www.raids.nl)..

Could it be that the server redirects me to the home page even though I am requesting this URL? https://www.raids.nl/gyms/bekijken/3831

split granite
#

Possible

#

🀷

ashen radish
#

I have a problem with the panel change, the name has three dots. Only when I get into the development tool will I go to the Lovelace interface. I change myself and later and there in the browse tab I have a different view

proper drum
#

hi, I'm trying to setup the floorplan addon in home assistant - but where exactly am I supposed to copy the www/floorplan stuff to? atm it's(if using SSH access) in config/www - is there somewhere else I'm supposed to put it? also do I need both floorplan and the lovelace part of it or just one?

vapid field
#

@grim beacon no it was well copies end paste

kind shellBOT
split granite
#

~rule6 @vapid field

kind shellBOT
#

@opal holly Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.

Please take the time now to review all of the rules and references in #rules.

idle scaffold
#

@split granite would it be possible to scrape an iframe card from a lovelace page?

split granite
#

Well, no

#

You could scrape the original URL though

#

An iframe is just a holder for the original URL

#

Your browser fetches it directly

idle scaffold
#

The page I'd like to scrape is shown properly inside an iframe.. however a curl command gives me something different :/

split granite
#

Your browser goes directly to the URL in the iframe

#

All the iframe is is a pointer to the source

idle scaffold
#

could it have something to do with cookies that are not there when issueing a curl command?

split granite
#

🀷 Possibly

#

The answer I'm afraid will be to experiment

idle scaffold
#

Thanks

split granite
#

Then likely the page is returning a redirect

#

And the scrape sensor doesn't catch that

idle scaffold
#

Yes.. it seems like logging in through curl redirects you automatically to the home page

split granite
#

Which is likely what the scrape sensor experiences

#

Still, you can get curl to log the headers the server returns

idle scaffold
#

I think I'll be fine once I have the correct curl command.. I'll continue in #general-archived then. Thanks

vapid field
#

It doesnt work even with

  • type: custom:xiaomi-vacuum-card
    entity: vacuum.xiaomi_vacuum_cleaner
mint geode
#

Hey guys, in the old states UI there was a section on the top with all of your sensors in a circle. After I switched to Lovelace they disappeared. Every now so often I see some one with the circles in their setups. Aren’t they running Lovelace or is there some sort of card or config entry I have missed to get them into Lovelace ?

toxic bridge
#

Like these?

#

Ah. i cant post pictures. haha

#

Im wondering the same thing though. I have added persons and given them an devicetracker, but they do not appear on top of the screen as badges. Anyone know how i can activate more badges?

odd light
#

so I have the waze travel time stuff working, anyone know how to integrate the map with it?

#

docs just say if you want to use the map use this url lol

mild veldt
#

@toxic bridge @mint geode edit badges by clicking the pencil on the view/tab

#

@odd light can't use with the map panel but you can use with actual map service

odd light
#

Yeah I see you can search on the map and have it open in the Waze app, that's kinda cool

#

Would be cool if you could have the map show your location in love lane

#

Lace

smoky depot
#

?

#

you can

odd light
#

Got a link to that?

vernal dawn
#

can you use the name of the logged in user somehow?

#

like in a template

mild veldt
#

@vernal dawn in some, yes. config-template-card, and button-card. I think some others that use jinja2 as well expose it, but don't know off the top of my head

vernal dawn
#

yea i want to use it in a custom card so jinja would be the best do you know the template? i couldn't find anything

odd light
#

you can't use templates in cards

#

afaik

vernal dawn
#

i just need a template it works the way i intend to if i have one

polar kelp
#

What do you want to do with it?

vapid harness
#

Hello friends.

Sometimes (rather often) when I try to access lovelace, I'm getting the error "Unable to connect to Home Assistant." And have to press retry 5-6 times until it works.

Dev console says that it can't establish a connection to the websocket

Firefox kann keine Verbindung zu dem Server unter ws://hassio.local:8123/api/websocket aufbauen.

I only have this in firefox, but not in chromium based browsers. Does anyone else face the issue?

cinder heart
#

Hey all. Is it possible to set a background image per-tab in lovelace please?

modern plume
#

never got an answer so I'll try again. I guess it is not properly lovelace, but is it possible to show specific elements in the sidebar only depending on what user is currently logged on HA ?

toxic bridge
#

but how do i add more badges though, @mild veldt ?

#

I have about 10 devices and 2 persons, but none of them appear as badges in my lovelace UI

cinder heart
#

@toxic bridge Once you have configured anything manually in lovelace, you no longer get the automatic addition of new entities in the UI. You'll need to Menu -> Configure UI, then click on the view you want to edit. There's a tab in there that will let you manually add those badges.

toxic bridge
#

Ended up adding them by inserting a person into the raw config :- )

simple steeple
#

Hey guys πŸ™‚ I am having a problem. I recently connected a new wifi-router at home, and therefore had to reconfigure my roborock into my home assistant. Everything went fine with retreiving the new token, and adding it, but with my custom card I am having a problem. The buttons are working, but the status/batteri/mode etc is not retreiving data. Any suggestions?

formal tide
#

@simple steeple have you tried completely removing the roborock from HA and then adding it again?

simple steeple
#

@formal tide removing it from configuration.yaml, restart HA and then adding back?

mint geode
#

@mild veldt Thanks, that was what I was looking for.

harsh plaza
#

when referencing to an image I put in config/www/people/filename do i need the /config/ or does www/ look in the config file?

split granite
#

/config/www/ maps to /local/ in the URL

#

So /local/people/filename

harsh plaza
#

ok

#

ty!

#

I am currently using an entity-filter for who is home who is not. is there a better card for that so I don't have duplicated "home" all over showing their state and instead just images

split granite
#

You could hide the state

harsh plaza
#

which is that line to add? i tried state and labels: false

vapid field
#

Hi
I want to paramΓ©trer Xiaomi ai purifier
Could you help me
Thanks a lot

split granite
#

Check the card you're using with the entity filter @harsh plaza

harsh plaza
#

k

#

exactly what i tried but i went to the entity filter not the glance docs

#

myb

harsh plaza
#

can I not use a picture-glance under an entity filter instead? tried switching so I could make the pictures of the who is home bigger instead of the small circlecs

split granite
#

Try them all and see what works for you

harsh plaza
#

dang each just gives me errors when nested under the entity-filter

frail iron
#

whats the most straightforward way to color icons in lovelace based on state currently. i did this a year or so ago and a lot seems to have changed

#

i have card modder and templater loaded from hacs

atomic glacier
#

@frail iron many changes have been made to the lovelace UI and there is a lot that can be done directly to the stock cards now...would check the docs for the new changes and make sure you are on current version of HA as many of these changes have been recently made...

frail iron
#

yeah im running in an updated docker container and using hacs for the modder component, seems like stock cards with some templating from the modder should be teh way to go

#

ok, seems to work, but can i somehow style all entitites in the card based on the state of that particular entity?

idle scaffold
#

Hi... I am in need of some help with using value_template on a HTML response of a curl request that I send through a Command Line Sensor.

kind shellBOT
wheat current
idle scaffold
#

Thanks.

frail iron
#

so the icon coloring is working, but is there a way to loop and use config.entity instead of naming each entity?

    cards:
      - type: glance
        entities:
          - entity: device_tracker.morgani_a5
            style: |
              :host {
                --paper-item-icon-color: {% if is_state('device_tracker.morgani_a5', 'home') %} cyan {% else %} orange {% endif %};
              }
dark dirge
#

that's what config.entity does. not a loop, but avoids having to mention the entity each time

frail iron
#

if i put config.entity there instead of the device tracker though, it didnt work

#

ah i know why, its the single quotes

dark dirge
#

you don't want the quotes

#

that tripped me up too

#

anchors are useful to avoid repetition, too:

#
    color: &color |
      :host {
        --paper-item-icon-color:
          {% if states(config.entity) == 'on' %} red;
          {% else %} green;
          {% endif %}
        --paper-item-icon-active-color: red;
      }
#
              - entity: group.fr
                name: Family Room
                tap_action:
                  action: toggle
                hold_action:
                  action: more-info
                style: *color
meager blade
#

Just got a tek in smart bulb - anyone got any tips, or cards for controlling the color?

odd light
#

Where do you see if there's a newer version of HA in Lovelace now?

wheat current
#

Unless you added it, you never did

modern osprey
#

What is wrong with this config?

type: entities
entities:
  - entity: input_boolean.zigbee_permit_join
  - entity: timer.zigbee_permit_join
  - entity: sensor.bridge_state
show_header_toggle: false
title: Zigbee```
I get the error: YAML Exception, duplicated key mapping at line 27 column 1: title: Zigbee
split granite
#

Are you editing the YAML, using the UI editor, or what?

modern osprey
#

Edit config page thing? Through the overview page then click the 3 dots to edit then "edit raw config"

odd light
#

@wheat current were you talking to me?

wheat current
#

insted of that, click the "+" and add a manual card and drop it there

split granite
#

too slow

odd light
#

Well that's odd, I remember it being there before

split granite
#

Then you added it before πŸ˜‰

odd light
#

I guess I forgot how I added it then lol

wheat current
#

Way way way back in the days of /states/* there was something there, not with /lovelace/*

modern osprey
#

hmm, seems to have worked in terms of lovelace but it cant find the entities which i suspect is a more over arching issue with my Zigbee2MQTT sewtup

split granite
#

devtools (Developer tools) -> States

#

Of course, if we'd known that was your problem to begin with ...

modern osprey
#

If i make a HA config change whats the quickest way for it to take effect? "reload core"?

split granite
#

Depends on what you change

wheat current
odd light
#

i guess is hassio if there is an update it will show up in hass.io-system

astral vortex
#

Is there a good option to add a superscript to an icon based on a state?

#

I have a plex sensor and would like to be able to at a glance see how many connections are streaming

raven nacelle
astral vortex
#

Thanks, I just added button-entity-row

#

It's not perfect, but at least I can see at a glance why my internet is slow...

muted inlet
#

@tacit steeple the state you're using in the conditional card is probably incorrect. check at developer tools > states

tacit steeple
#

I see what's wrong,

#

I didn't realise you could have a card inside a card

#

Now it makes sense

#

Goes to show a broken @muted inlet is right twice a day

muted inlet
#

lmao

#

Xhibit would like a word with you

tacit steeple
#

I think I was getting it confused with entities filter

#

Now my whole lovelace world has been opened

smoky depot
#

like finding the "on" button 6 months after buying a pc amirite?

muted inlet
#

amirite?

tacit steeple
#

Who uses buttons

#

Wake on USB is where it's at

#

Just bash the space bar

muted inlet
#
-bash: the: command not found
feral rivet
#

hey guys is there a way for me to rearrange the cards in the interface?

smoky depot
#

you could try uninstalling hassio and reinstalling and redoing the cards to see if they come up in a different order sure is!

ancient harness
#

I feel personally attacked

smoky depot
#

@ancient harness oh? maybe you should atMods about it

ancient harness
#

Lulz

feral rivet
#

@smoky depot I am guessing you are just joking around, but on a serious not is there a way for me to re-order the layout?

smoky depot
#

@feral rivet upper right hand corner > 3 dots > configure UI then click the up and down arrows on the bottom of the cards to make them shift around

feral rivet
#

lol so I was right about your comment. Got it thanks much

smoky depot
#

lol was Codex approach to fixing issues

feral rivet
#

😁

ancient harness
#

what was my approach?

#

oh lol.. jerk πŸ˜›

livid oracle
#

Hi guys, I am trying to learn the browser_mod popup When calling the service as a test in dev tools what is the format for calling the service? Is it the exact yaml I am using in the yaml file?

livid oracle
#
service: script.test_popup
service_data:
  deviceID:
    - this
#

I am using this but noting ever happens.

#
  test_popup:
    sequence:
      - service: browser_mod.popup
        data_template:
          deviceID: "{{ deviceID }}"
          title: Testing script
          card:
            type: entities
            entities:
              - light.office_1
#

in the logs I see uncought error

#

anyone home? πŸ™‚

analog zephyr
#

Hi folks - question, how can i remove/update the icons for all devices in lovelace (given that it's switched over to manual edit mode) ?

smoky depot
analog zephyr
#

@smoky depot no, what i mean is that they're there, fine, but since switching to Lovelace editing it hasn't updated. I've marked several entities as hidden in the customization, but they're still there

#

ah, they're badges... shows up in the raw editor

smoky depot
#

not sure i follow what you mean by switching entities to hidden@analog zephyr

#

oh

#

yea

analog zephyr
#

should have clicked there earlier

smoky depot
#

you can remove those from the yaml

analog zephyr
#

ahh, finally

fallen badge
#

What am I doing wrong when I don't get a background on a card backround with "fold entity-row?

#

Like this

dusty hearth
#

Hello everyone, I have discovered Home Assistant Cast yesterday but I am having troubles viewing lovelace card 'auto-entities'.
I have added https://cast.home-assistant.io to cors_allowed_origins but still isn't displaying the card, is there anything else I need to do to or is not possible atm to view this lovelace card on Home Assistant Cast?

livid oracle
#

HI all, I want to re size an image with the styles on a picture-entity card that I am using in the browser-mod. Is this possible?

solid sage
#

I would like to remove the icons and entity names in this card: ```type: conditional
conditions:

  • entity: sensor.today
    state: Idag MΓ₯ndag
    card:
    type: entities
    entities:
    • sensor.maltid_mandag_ratt
    • sensor.maltid_mandag_ratt
    • sensor.maltid_mandag_ratt```
full sand
#

Can I stretch the manual alarm card to the bottom of the screen?
Or make everything a bit bigger? I Have custom card installed.
https://imgur.com/a/Et1QEvz

polar kelp
#

@fallen badge What you're doing wrong is using something called "row" as if it was a "card".
The first line in the Usage section says "Add this to an entities card".

#

I assume. I can't see what's in your hastebin

#

@dusty hearth I'm planing to buy a nest hub on my way home after work today. That should get things going with cast and my plugins.

#

Thanks to everyone who bought me coffee for that opportunity, btw!

#

I believe I know what the problem is, but it's really anoying when I can't test or debug it myself.

#

@livid oracle Should be doable. What have you tried so far?

dusty hearth
#

Thanks for replying @polar kelp !! So is not something I am doing wrong

polar kelp
#

@full sand Try adding height: 100%; to ha-card; but that's not guaranteed to work. Vertical alignment is hard stuff in HTML.

#

(with card-mod, that is)

full sand
#
    style:
      .: |
        ha-card {
          height: 100%;
        }

Like this?

polar kelp
#

Worth a try

livid oracle
#

@polar kelp I got it working πŸ™‚ took some trial and error but all good now πŸ™‚

#

But I do have another question, I made a pop up with the views navigation, verticle-stack, but I want to close the pop up once a room/view is selected. How do I call this, I am using the popups in my ui-lovelace.yaml file, not via service or scripts.

full sand
#

@polar kelp It's a good start, it made the card bigger indeed, but only the card container.

#

thanks though!

#

Think I can make everything inside bigger also?

polar kelp
#

Well.. yes... it's possible

#

You'd probably have to modify each element, though, to make it look good.

#

@livid oracle I'm afraid I don't have a good solution to that.

livid oracle
#

@polar kelp I tried auto_close: true but it woudln't close .....

vapid field
#

Evening y'all

#

I have a question regardng the weather.home lovelace card. How often does it update?

vapid field
#

dunno, but when you click on it you can see the last update time in minutes πŸ™‚

#

I have declared a fan in my conf.yaml and I get all the speeds working nicely, how on earth can I show some sort of card that shows the fans state in lovelace? if its either spinning or low or is off?

#

aka standard

#

state_value_template is where it should be at, but how to use it in lovelace ui

mild veldt
vapid field
#

yeah thnx, I've seen that custom card, but I would like to do it with lovelace only

mild veldt
#

well then any card that accepts entities will work

#

i take that back, if you want to see states, probably only entities card

vapid field
#

hmm, but how can I get the state?

#

type: entities
entities:

  • entity: fan.ifan03
#

how to go from there...

mild veldt
#

does it show up as a switch?

vapid field
#

yes

mild veldt
#

so, I don't have a smart fan; but I'm guessing then that the fan state is just on/off and the speed is an attribute? in which case, you'd have to create a template sensor to just view that as a single thing

vapid field
#

yeah, tried that too. it shows just random number and they don't change when I actually toggle the speeds.

#

it does show up under sensors

#

guess what i want to do it read mqqt ifan03-1/stat/RESULT and get "FanSpeed" from there...

#

smth.

#

nothing feel intuitive about it lol

mild veldt
#

i would just use the custom row πŸ€·β€β™‚οΈ

vapid field
#

where do I post my automation questions

mild veldt
livid oracle
#

I am using the browser-mod, I would like to try keep the code in my yaml file instead of scripts simply to avoid restarts πŸ™‚ But, I am struggling to close one popup and open another like I can do when using my scripts. Can anyone point me to an example?

solid sage
#

My entities is centered in a glance card. is there anyway to set them to left

signal sundial
#

I'm wondering if this is a bug with the glance card config: When I add tap_action: action: toggle to the manual editor, it throws a validation error: Expected a value of type {entity,name,icon} | entity-idforentities.0.tap_actionbut received{"action":"toggle"}.

#

The card works correctly, but it's a little annoying as I'm not able to switch back to the visual editor.

wheat current
#

visual editors cant handle "advanced" configuration right now, maybe in the future πŸŽ‰

kind shellBOT
signal sundial
#

ah, so maybe less of a bug, but the validation error is still wrong as I think from the documentation this is all valid config for the glance card (code above)

wheat current
#

It's just a warning, error are marked with red color

signal sundial
#

I haven't messed with it enough to know how seriously to take those πŸ˜„

wheat current
#

warnings I generally ignore πŸ˜›

#

if it's important, make it an error πŸ˜„

signal sundial
#

it passed my " πŸ€·β€β™‚οΈ it worked" test and I'm not a good enough dev to submit a fix

solid sage
#

Is there anyway i can remove icon and name in a conditional card? ```type: conditional
conditions:

  • entity: sensor.today
    state: "Idag MΓ₯ndag"
    card:
    type: entities
    entities:
    • sensor.maltid_mandag_ratt
    • sensor.maltid_mandag_grona
wheat current
#

no

solid sage
#

how should i do then

wheat current
#

The card you use it with, needs to support it

solid sage
#

is there any custom card for this to work

hasty epoch
#

Just trying to make some automations based one coming and going... This trigger didn't seam to work, what is the right thing to do to track a phone leaving home? https://i.imgur.com/VpDDHo6.png

wheat current
#

probably, look ath the forum

hasty epoch
#

roger that

solid sage
#

i there any custom glance card that is good

wheat current
#

Check the forum

signal sundial
#

if you use a glance card, then . you can include: show_icon: false show_name: false

solid sage
#

yea but it's center. very annoying

polar kelp
#

Thanks for the ”coffee” everyone! Now let’s get my plugins working with Cast!

solid sage
#

np

hexed owl
#

WHAT?!? You mean you don't actually buy coffee…?!? shocked

polar kelp
#

I tried buying cloud for it - to make it benefit the community. But I don't need that many accounts...

hexed owl
#

just wants to see you after you've had a bunch of actual coffee's…

polar kelp
#

Do I spot an IRC user?

#

Oh my, that's bright!

mild veldt
#

@livid oracle you have to use a script if you want to perform multiple actions

woeful wren
vapid field
#

hi guys, what would be the best approach to put a button on lovelace that lowers all of my rollershutters? entities are already setup (shelly rollershutters)

#

Hello guys
Want to configure Magicseaweed, to.go surfing
I have api ans secret from them
How could i continu ?
Thanks

split granite
#

Is that a Lovelace card?

vapid field
split granite
#

Then you're asking in the wrong channel

vapid field
#

let me ask differently πŸ˜‰ with one click I'd like to switch/control multiple devices/entities. for example turn on all lights, lower all blinds etc. how can I do this?

split granite
#

Group entities is one option

kind shellBOT
vapid field
#

thanks, but these aren't cards which I can select on the lovelace UI. unfortunately I have to leave now, will be back later πŸ™‚

split granite
#

No, Lovelace cards can't directly do what you're after

#

It's groups, or scripts, or write your own custom card

dusty hearth
#

How can I use the service cast.show_lovelace_view to stream to one of my Google Hubs? If I try to use it on my Google Hub shows disconnected but if I go thought home assistant cast website it works

vapid field
#

@split granite thanks, I'll have to look into this then. this is my first day with home assistant, coming from openhab. latter provided a ui interface as well, but most of the things required a file editor

split granite
#

Here... is a bit of mixed back