#frontend-archived

1 messages ยท Page 81 of 1

glossy birch
#

There is absolutely nothing wrong with the configuration in this case.

#

it is the connectivity issue, temporarily unavailable

raw brook
#

Offline as in the entity doesnt exist in HA?

#

or Offline as in the entity exists but has not state

glossy birch
#

entity exists, when HA can't communicate with the switch, it gets an error, and the state becomes unavailable

#

then switches back to regular state as soon as it is connected back

raw brook
#

So what is happening there is HA is checking to see if the entity exists within states that are available now. If not it come back with that message. If the State is unavailable then it greys the icon out

glossy birch
#

when it loses connection, I see the message 2018-10-16 17:45:59 WARNING (MainThread) [homeassistant.components.switch.wemo] Lost connection to backyard in the logs, and the switch state goes to unavailable. as soon as t connects, it functions normally

raw brook
#

If you see the switch in states as state unavailable then you wouldnt get that yellow row

#

Wouldn't*

upbeat wyvern
#

good point here would be a parameter for if a sensor can be flakey

past falcon
#

Is it ok to set tap_action to nothing if I don't want it to do anything when tapped?

upbeat wyvern
#

is it possible to read attributes directly in lovelace or do I have to craft me a sensor?

#

@past falcon that's what the FAQ says

past falcon
#

Awesome I wasn't seeing it as an option in the picture elements wiki. Thanks

upbeat wyvern
#

pointer-events: none

#

better that way

past falcon
#

Awesome yea I'd say so

polar kelp
#

Youโ€™ll need a template sensor to display attributes.

upbeat wyvern
#

okay. Then this issue has just closed itself ๐Ÿ˜‰

#

the pingtest as sensor has quite some stuff to display. But doing a ton of sensors isn't worth saving a click

sinful flax
#

@polar kelp I cannot get your folding cards to work.

#

I get a big red square lol.... that states the following Custom element doesn't exist: fold-entity-row.

polar kelp
#

Check the logs.

#

Home assistant and your browser

sinful flax
#

I figured it out. Made a push to your repo changing the readme to reflect what worked for me.

#

pull request*

polar kelp
#

hm... there are more typos too...

mild veldt
odd glacier
#

Hey. Doesn't anyone know how to get a history line graph in Lovelace? I couldn't find anything, only a time line history which isn't really what I want to track number of hours playing music. Hopefully I've missed it or there is a custom card?

raw brook
odd glacier
#

Yes, that's what I'm after! Have I missed a card that I can use to do this?

raw brook
#
- type: history-graph
  hours_to_show: 24
  title: 'Network'
  entities:
    - entity: sensor.network_in_eth0
      name: Network In
    - entity: sensor.network_out_eth0
      name: Network Out
odd glacier
#

Hmm, I'm pretty sure that's what I'm using perhaps it shows in line form when there is more than 1 entity. I will give it a go when I get home. Thanks for your help!

#

Oh I see the issue! You have entities which are numbers. I was expecting it to plot the number of hours/minutes an entity was in a certain state. E. G. For media player I was expecting 1 hour playing etc

raw brook
#

hmm Im actually not sure. I believe it actually has to do with the entities given.

odd glacier
#

Thanks. I'll have to rethink how to achieve what I want.

frosty pelican
#

anyone noticed that badges are not working properly in 0.80.2?

#

I keep getting the following log error too

#

2018-10-17 10:04:27 ERROR (MainThread) [frontend.js.latest.201810170] https://HAURL:8123/frontend_latest/app-96e769d2.js:4834:1025 Uncaught TypeError: localize is not a function

raw brook
#

What card are you getting that for?

frosty pelican
#

badges in my view

#

only badge that works is sun.sun entity

raw brook
#

dumb question

frosty pelican
#

lol

raw brook
frosty pelican
#

it looks like the users language is not getting saved in the profile

#

@raw brook i was about to just wanted to check in here

#

users language choice is definitely not saving

rugged jolt
#

So I'm trying out Lovelace but I'm quite sure if I've understood everything. I added a sensor card (https://www.home-assistant.io/lovelace/sensor/), added a temp sensor, set graph to line and added a line_color but it will still not show the graph. What am I missing?

raw brook
#

We would need to see you lovelace cofig for the sensor card

rugged jolt
#
  • type: sensor
    entity: sensor.temp_house_mean
    name: Husets medel
    graph: line
    line_color: "#3498db"
raw brook
#

hmm if you go to states and find your sensor.temp_house_mean and click openinnew Do you see a history graph in the more-info modal that pops up?

rugged jolt
#

I don't know if this is good or bad but yes, I do have the history there.

raw brook
#

Okay. Thats good. haha. When you add the sensor card. Do you see the icon, sensor name and value just not the graph?

rugged jolt
#

Yes, that's correct.

raw brook
#
- type: sensor
  entity: sensor.temp_house_mean
#

What does this output in the card?

rugged jolt
#

It changed the name of the card, that's it

severe idol
#

What's the easiest way to change the color of an icon? My door locked vs unlocked is almost the same icon, with the same color, and I can hardly tell the difference. I'd like to set it so when it's unlocked, the mdi icon becomes red. Locked it becomes green. What's the best way to achieve this in my Lovelace UI?

native nova
#

@polar kelp so 0.80.2 fixed things as expected thanks for that. Keep up good work

winter leaf
#

@severe idol a template sensor maybe?

polar kelp
#

I think that currently there are only two ways. Either you use something with a state_image setting, like a picture card or a picture-elements with an image element.
The other option is to use custom-ui.

severe idol
#

ok, thanks guys.

#

custom-ui is that still handy for lovelace?

winter leaf
#

What am I doing wrong here?
I want my light icons on the picture, one to the left and one to the right. When any light is on, I want it to change to a certain picture.

https://hastebin.com/ubalifaxux.bash

polar kelp
#

I think there was an update to work with lovelace too, but I haven't tried it

#

@winter leaf Indentation

winter leaf
#

I got no errors, the only thing that does not work is that it change picture.

polar kelp
#

And why are you using long-press?

#

oh right... It defaults to more-info

#

I forgot ๐Ÿคฆ

winter leaf
#

Hehe!

polar kelp
#

Ok. Let's look at what you have here.

#

You have a picture-elements with an image (bedroom_lights_off).

#

Inside that image you have two long-press elements, each of which has: a type, a child and a state_image property.

#

The child of both long-press elements are image elements with a name, entity and tap action, but no image.

#

State_image has no meaning to the long-press element

#

So...

#

tell me again what you want

winter leaf
#

I want a picture of my bedroom that have 2 light icons on either side of the picture.
One is representing my wifes and one is mine.

When I click any of them I want the picture to change. I want it to change to a picture that is showing the lights on.

#

And i also want long press to work, so I can see the "more info"

polar kelp
#

Ok

#

Start without long-press. Just to get the images working.

winter leaf
#

The picture still doesn't change. I can't see where im doing it wrong... ๐Ÿ˜•

polar kelp
#

Did you want an image or an icon? Because now you have a state-icon ...

winter leaf
#

I want it like that, but when the icon is pressed I want it to change picture,

polar kelp
#

The background picture?

winter leaf
#

Yes

#

Am I describing this like a idiot? ๐Ÿ˜‚

polar kelp
#

No. It was just your attempts that confused me. I thought you were trying to do something like this, but instead have a picture of a lamp on either side of the bed, and when you clicked it that lamp picture turned on or off.

#

You can't change the background image of a picture-elements.

#

What you can do, though, is to have a picture on top of the background, which you can change.

winter leaf
#

That would be smarter.

polar kelp
#
- type: picture-elements
  image: lights_on.png
  elements:
    - type: image
      image: lights_on.png
      entity: light.my_lamp
      state_image:
        "off": lights_off.png
      style:
        left: 0
        top: 0```
#

Try something like that

winter leaf
#

Yes, that works.
But I want the icon aswell.

#

And how would I be able to point it right in the picture? ๐Ÿ˜„

polar kelp
#

Play around with top and left. If you use chrome, you can right click it and choose Inspect. Then you find the right hui-image-element tag in the list and can change the top and left values live until you find what works.

winter leaf
#

Now that's great! ๐Ÿ˜ƒ

#

Now, is long press possible?

polar kelp
#

Should be

patent jay
#

can i get a faster refresh rate in the picture-entity ? so my cameras are not behind with 10 sec evrey update?

split granite
#

There is a custom CCTV/camera card that can refresh faster

patent jay
#

thanks!

icy patrol
#

Hello - love lace question
is it possible to change an entity group icon color based on state?

jaunty narwhal
#

As of a few days ago, maybe a week or so I had the custom_updater and tracker card working. had updates show up, could update them, etc. Now the card shows up but none of the card versions that I have installed show up in the table. Only the custom_updater version. I went back to the repo and the config.yaml only shows custom_updater: as what is needed to enable. However I see various folks with additional configs underneath such as the urls, tracking options, etc. I am wondering if this is why I am now missing this data?

icy patrol
#

thank you

#

seems like the filter brightness is going out of wack when the light dimmer is turned on

#

so the icon is not seen as it turns white

polar kelp
#

I'll take a look at it

#

Is it only for tuya lights?

icy patrol
#

thats correct - i tested with a Zigbee light and it was ok

#

thanks so much!!

mossy jay
#

@polar kelp I am also having the same issue, it is annoying.

polar kelp
#

RGB lamps or just white?

mossy jay
#

Just white

#

Do you think the issue is in light/tuya.py or somewhere else?

polar kelp
#

Could you go to states and check what the value of brightness is for your light when it has this problem?

#

we should do this somewhere else...

mossy jay
#

Yeah I agree

mild veldt
#

@jaunty narwhal default is now to only track components

jaunty narwhal
#

@mild veldt Thanks!

sonic flame
#

I am trying to get the new sensor card working and I cant see what the problem is..
The only thing I get is a red box that say Specify an entity from within the sensor domain.

What am I missing?

wheat current
#

Are you trying to use it for a sensor?

sonic flame
#
Specify an entity from within the sensor domain.

{
  "type": "sensor",
  "entities": "sensor.cpu_temperature",
  "name": "Test",
  "height": 75,
  "line_color": "#3498db"
}
wheat current
#

~json2yaml {
"type": "sensor",
"entities": "sensor.cpu_temperature",
"name": "Test",
"height": 75,
"line_color": "#3498db"
}

kind shellBOT
#
type: sensor
entities: sensor.cpu_temperature
name: Test
height: 75
line_color: '#3498db'

sonic flame
#

that is what the box says..

I am used what the example say in the doc.

wheat current
#

I'm guessing assuming you didn't read the docs completly for it, since it should be entity and not entities

sonic flame
#

Ha! I am so smart.. S.M.R.T ๐Ÿ˜„

#

bad copypaste ๐Ÿ˜ฆ

polar kelp
#

Hey, @icy patrol! What made you think I could fix it?

icy patrol
#

@polar kelp thanks so very much! I was reading your above posts and you seemed very much involved. I also have your slider in place. Thanks for that.

mild veldt
#

@polar kelp are you trying to tell me you can't fix it all?!? #fired

polar kelp
#

well... I did fix that one... I was just curious

mild veldt
#

๐Ÿ˜ƒ

polar kelp
mossy jay
#

Well even though it was stupid I know I couldn't fix it.

icy patrol
#

๐Ÿ‘Œ

dim jolt
#

TIL that copying new code into a lovelace-custom-card and CTRL+F5 isnt enough - could not figure out why the custom-fan-card wouldnt work. Turns out I had to do a full browser cache history delete for it to work

#

adding it to the docs under FAQ unless anyone has an objection

severe idol
#

Is it possible to livestream a camera feed into Lovelace UI?

#

I got a local unifi video cam that I'd love to use.

dim jolt
#

@severe idol you can use picture-glance and just set camera_image: camera.your_camera

severe idol
#

I actually found a custom card dedicated to surveillance. it allows you to refresh the pictures every second. this will be fine for my needs!

polar kelp
#

@dim jolt Check the pinned messages. Number four from the top, specifically

dim jolt
#

@polar kelp cool - then good reason to add it to the docs too ๐Ÿ˜‰

lofty summit
#

Does anyone here know if you can change where cards get placed in a tab? I have them ordered properly in my config, but I kind of want to control where they are placed.

polar kelp
#

You can use panel: true and order them with horizontal-stack and vertical-stack.

mild veldt
lofty summit
#

perfect thanks!

bronze plover
#

On a Entities Card can a defined entity input_boolean have the toggle removed all I want to show is last-changed

        entities:
          - entity: input_boolean.atticus_feed
            name: Atticus Last Feed
            icon: mdi:dog-side
            secondary_info: last-changed
errant glacier
#

is it possible to color the icons for cards depending on it's state?

polar kelp
#

@bronze plover no

errant glacier
#

I've seen than, but i only seem to be able to set a static color, not a color based on state.

#

So for example, i'm wanting to make my binary sensors for Motion Green when no motion, and red when motion

polar kelp
#

For that, your best bet is actually an image element. You can change the color of that with state_filter.

errant glacier
#

I just setup Custom UI and was able to get it to work

#

has anyone been able to add just text or label to a picture element? with no action?

mild veldt
errant glacier
#

I did the custom text element route.

#

also thank @mild veldt for helping out so much ๐Ÿ˜ƒ

#

Last question i hope ๐Ÿ˜„

#

now that i figured out color is using hs_color instead of rgb_color, how do i get black or white if i can't set the light level for icons...

#

nvm, figured out i have to add birghtness_pct to the icon as well for the color to adjust.

#

ok, i lied.... color thing is being stupid ๐Ÿ˜ฆ

#

'''

#

this is what i'm trying to do. i am simply trying to figure out the brightness of the icon. not the actual light. when i used brightness_pct, it adjusted the level of the light itself. not the icon.

light.front_room_lights:
  templates:
    icon: "if (state === 'on') return 'mdi:home'; else return 'mdi:lightbulb';"
    hs_color: "if (state === 'on') return [120, 100]; else return [0, 0];"
    #brightness_pct: "if (state === 'on') return [100]; else return [76.5];"```
#

i'm an idiot. and i should just delete everything, but leaving it here in case someone else ever has the issue.

#

i needed to use icon_color: . otherwise i'm setting the lights color/brightness itself.... the lights i was testing weren't RGB so it wasn't changing when i was setting color, just adjusted when i did the brightness.

#

stupid mistake. sorry all

mild veldt
#

mistakes are not allowed here, @errant glacier #permabanforlife

#

๐Ÿคฃ

errant glacier
#

i will perform sepuku for my sins. i have dishonored my home (assistant)

gaunt sapphire
#

Hi All

#

that is the settings for the normal UI and it works fine

#

thank you in advance

split granite
#

~format @gaunt sapphire

kind shellBOT
#
:information_source:
Format Code:

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

```
code here
```

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

split granite
#

~edit @gaunt sapphire

kind shellBOT
split granite
#

Also, you need to show us the Lovelace card you're having issues with, not the underlying component ๐Ÿ˜‰

gaunt sapphire
#

thank you @split granite

#

sorry for flooding your channal with crap ๐Ÿ˜ฆ

split granite
#

Not crap, you're still just learning what's relevant ๐Ÿ˜‰

gaunt sapphire
#

well lets just say you have more patience than me ๐Ÿ˜ƒ

split granite
#

Patience is required when you're helping out on any forum/chat/whatever

gaunt sapphire
#
climate:
  - platform: generic_thermostat
    name: House Heat
    heater: switch.heather
    target_sensor: sensor.living_room_temperature
    min_temp: 10
    max_temp: 30
    min_cycle_duration:
      minutes: 15
    initial_operation_mode: "off"
    target_temp: 22
    away_temp: 15
    cold_tolerance: 0.5
    hot_tolerance: 0.5
#

so that is the component and works in standard UI

#
  #Thermostat
name: My Awesome Home
views:
  - title: Home
    cards:
      - type: custom:thermostat-card
        title: Bedroom
        entity: climate.house_heat
        ambient_temperature: sensor.living_room_temperature
#

and that is the entry in ui-lovelace.yamal

#

where do you need to enter the resurces entry ? is it on the very top ?

resources:
  - url: /local/custom-lovelace/thermostat-card/thermostat-card.js?v=1
    type: module
split granite
#

Ok, so a custom card

gaunt sapphire
#

that is the whole yamal

kind shellBOT
split granite
#

~rule6 @gaunt sapphire

kind shellBOT
#

@gaunt sapphire 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.

split granite
#

Ok, so what's not working?

gaunt sapphire
#

how can i post a screenshot ?

split granite
#

~images

kind shellBOT
#

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

gaunt sapphire
split granite
#

It ain't finding the file

gaunt sapphire
polar kelp
#

As you say, you need to add the resource section at the top of ui-lovelace.yaml

split granite
#

Also, it looks like you're missing some folders ๐Ÿ˜‰

#

All that should be under /config/www/

gaunt sapphire
#

what shall i put in this folder ?
according to the exaple in github the cards .js need to go in

resources:
  - url: /local/custom-lovelace/thermostat-card/thermostat-card.js?v=1
    type: module
split granite
#

Please read the link I posted

gaunt sapphire
#

ok so it all needs to go in it and restart

#

thank you for your help and patience i hope that will work for me

split granite
#

Once you've got the files in the right place it should work fine

gaunt sapphire
#

yep it is all working ๐Ÿ˜ƒ thank you so much
i am sorry for baking every rule under the sun (not intentionally )

undone egret
#

no worries just next time you gotta do KP duty

gaunt sapphire
#

i will do what it takes
PS i have no idea what KP is tho ๐Ÿ˜›

undone egret
#

google is your friend

#

i forget everybody is not military

gaunt sapphire
#

AHAHAHAH

#

no i have done national service but we use to call it grees pots service ๐Ÿ˜ƒ

#

how do you go about rescaling the thermostat to make it smaller ?

inner wagon
#

Guys I am using the climate entity to show my zwave tstat. Is it possible for me to have it display on the UI but without the Fan mode drop down?

mild veldt
#

@inner wagon you could edit the code

stray lava
split granite
stray lava
#

oh

#

lol

#

ok

#

not sure where to find the www directory

#

i dont see one

split granite
fluid helm
#

hmm, how are people using the gauge in interfaces? It's a bit awkwardly sized.

#

Tried putting it in a horizontal-stack with an entitity filter, but both of them looked kinda broken ๐Ÿ˜•

split granite
#

Looks fine, it's just a slightly different default height

mental crystal
#

so can I try lovelace without damaging my day-day usage of the regular homeassistant UI, until I get lovelace fully functional?

fluid helm
#

buddy123: Sure, you can still access the old interface

mental crystal
#

@fluid helm Thanks, didnt realize that yet. Ill give it a try

#

see how much I need to modify in order to get myself to the same spot

#

is it going to be the default one day?

#

is it actually means I need to re-write all my groups and customization like icons, write it all into the single ui-lovelace.yaml file?

#

leaving all my old files to be just sensors,automations and stuff?

raw brook
#

The plan is for it to be default eventually.

#

You can use the script that does it for you @mental crystal

#

In the pinned messages

mental crystal
#

is it what it actually does? What i mentioned?

raw brook
#

IT takes your current ui and converts it to lovelace

#

Groups and Customizations stay as normal

mental crystal
#

so what conversion is there to made aside from groups/customizations? Isnt that "all the ui" we eventually have?

#

Does it alter my existing files when running?

fluid helm
#

buddy123: It won't alter your existing files. The idea behind lovelace is divorcing the ui from the groups/customizations so it gets more flexible.

#

you should probably look at the documentation a bit.

mental crystal
#

I read that part, I get it. I just meant, if it does migrating, I assume it generates the new ui (the ui-lovelace) by fetching all the existing groups etc. so I wanted to know if it alters by removing them afterwards. I assume it just ignores them?

split granite
#

The two UIs aren't connected

#

So if you run the Lovelace migration script, it doesn't touch your groups

mental crystal
#

I follow the github and basically execute the lovelace-gen.py within my config folder, but the ui-lovelace comes out empty. And there is no output to stdout while running it..what am I missing?

split granite
#

Which github?

mental crystal
split granite
#

Did you read the README there?

#

This script will generate a ui-lovelace.yaml file based off a file lovelace/main.yaml. Other files in the lovelace directory can be included into the configuration using the !include filename statement. This allows for separation of the configuration into several files, and reuse of cards.

#

That's not talking about migration ๐Ÿ˜‰

mental crystal
#

I didnt get that part and I thought thats the pinned message I needed ๐Ÿ˜›

split granite
#

If you're not sure, ask questions, rather than fumbling around in the dark ๐Ÿ˜‰

polar kelp
undone egret
#

and he has no refrence point and is complety lost @polar kelp ? and 1983?

mental crystal
#

How do I run lovelace-migrate then? Because there are no instructions there, the migration script is just a link to the script

#

I tried runnig from within the config folder but apparently its not enough ๐Ÿ˜ƒ

inland badger
#

Playing catch-up trying to learn all about HA the last couple months. Would you say lovelace, ha-Floorplan, and node-red control panel are competing interfaces? Or do they complement each other such that you would use more than one at a time?

split granite
#

Save it, run it with --help @mental crystal

#

@inland badger Nope, they all do different things. Well, #node-red-archived is a whole automation platform and has nothing in commong ๐Ÿ˜‰

mental crystal
#

it does the conversion by pulling the files with auth from the serveR?

split granite
#

No idea, I haven't run it

#

Looks like it uses auth

mental crystal
#

Oh OK got it

#

so looks pretty much the same

#

just no Home tab

#

so what's the hype? ๐Ÿ˜›

inland badger
#

Really? Videos Iโ€™ve watched show a lot of similarities between the lovelace layout and floorplan. And the nodered control panel is not as detailed but looks like an alternative UI as well.

split granite
#

Now you've got a basis for doing the fun stuff with

mental crystal
#

I was hoping it will run faster on my firefox mobile

split granite
mental crystal
#

wdym?

split granite
#

Floorplan gives me a whole house overview. Lovelace gives me an "admin" interface

#

@mental crystal Now you can start trying out the glance, or picture-X, or gauge, or....

inland badger
#

Ok thx. So learn how to set up Lovelace first then implement floorplan before giving the control tablet to the wife?

split granite
#

Or the other way around

#

I've actually stopped using any of the HA UIs for the wife, she's really happy with the latest update of Google Home

#

All she wanted was the ability to turn lights on/off and that does that well

#

Lovelace is for me, and Floorplan is ideal for a tablet view of the house's current state

inland badger
#

Voice or touchscreen?

#

For GH

split granite
#

Either, though she prefers the app as she still feels a little funny talking to GH

inland badger
#

Almost all the control I have set up so far is through Alexa. Iโ€™d like to have touchscreen control for her too, without having to open a webpage or app. A dedicated device. Thatโ€™s why Iโ€™m trying to decide if I should do it with lovelace or floorplan.

#

CCOSTANโ€™s floorplan implementation was beautiful. But I liked DrZzzโ€™s lovelace control too.

split granite
#

IMO there's three different requirements for a UI

#
  1. Admin interface for you
  2. Finger friendly interface for control that anybody can use
  3. Maybe an overview
#

Lovelace can potentially do all three, though I've found it to be far from ideal for the third, and still early days for the second (but getting better all the time)

inland badger
#

I donโ€™t want an admin interface. Iโ€™d rather a system that didnโ€™t require administration. ๐Ÿ˜‰

raw brook
#

What would you like to see to make it better @split granite

split granite
#

What I can do in Lovelace doesn't come close to that

inland badger
#

Can floorplan handle #2 though?

raw brook
#

No its not a floor plan design but you can use glances/entities for overview

split granite
#

It can, as can HA Dashboard (what I used to use), and Tileboard, and many others

#

@raw brook Yeah, and I do, but it's not the same

raw brook
#

So you are keen to the look and feel that you get with the floorplan

#

Basically, Im asking what could replace that?

#

Other than floorplan in lovelace

split granite
#

Well, that's the rub, Floorplan in Lovelace

#

I like it because it gives a visual representation of the house, and that's why the family like it too

inland badger
#

Itโ€™s all as confusing as out-of-state tv political campaign ads.

split granite
#

Depends, if you stick with the official UI's then there's only the old one that everybody loved to hate, and Lovelace

#

If you don't then you've got more choices than I can keep track of

inland badger
#

Ok. Iโ€™m convinced. Time to read up on lovelace and start getting it set up. Maybe a floorplan is in the future. But Iโ€™m still in the adding-smart-devices to the house phase.

#

Thanks for the opinions.

split granite
#

IMO none of these are wrong choices, other than the old UI since it'll be dropped for Lovelace at some point

gaunt sapphire
#

hi again

#

is there any way to resize the thermostat card in lovelace (so is not so big)?

raven nacelle
#

@gaunt sapphire You can use stack card to combine it with other cards

polar kelp
#

I made a card that switches other cards in and out depending on the state of an entity - like arbitrary number of defined states, not just one like conditional.

#

Config: ```yaml
panel: true
cards:

  • type: vertical-stack
    cards:
    • type: horizontal-stack
      cards: [ {{ mode_button('home') }}, {{ mode_button('away') }}, {{ mode_button('night') }}, {{ mode_button('nap') }} ]
    • type: custom:state-switch
      entity: input_select.house_mode
      states:
      home: !include dashboard/home.yaml
      away: !include dashboard/away.yaml
      night: !include dashboard/night.yaml
      nap: !include dashboard/nap.yaml```
#

Each included file contains a horizontal-stack card which holds the other ones, btw.

#

Still can't make up my mind if it's useful or if it's easy enough to do the same thing with conditional...

fair girder
#

@wheat current I dropped av-remote in sharethelove and made a PR. lmk if you need edits

quick gulch
#

hey so i'm trying to get the themes working on the frontend, I've added the below to configuration.yaml and then created the folder and put a few themes in there
frontend:
themes: !include_dir_merge_named themes/

#

I cant see the themes option in the settings menu to switch though

#

what am i missing?

next linden
#

Is it possible to make a picture elements label / icon be a link to the more-info for a different entity? I want to render the state of an entity in a custom way with a template sensor, but I still want to open the more-info dialogue of the actual entity when I click on it

quick gulch
#

nevermind foudn the option

wheat bone
#

After the gauge card became official, is there still a way to scale it? my old config doesn't do the trick, and I can't fit the gauges with the default size.

polar kelp
#

No. But I think someone is looking at making it scale automatically instead.

#

You can still use the old one, in the mean time.

wheat bone
#

Sure, thanks.

thorny verge
#

does anyone know how to change/force the width of the columns or a vertical stack?
I was doing it with https://github.com/kuuji/button-card, defining the width and it was working perfectly, until the last HA update.

fleet badger
#

hey guys , for picture entity to be smaller what size image is recommend i have tried to resize the main image before adding it to the www folder but it still ends up being pretty big on the ui?

outer pendant
#

Any custom cards for remote controls?

split granite
#

Have a look at the pinned messages which lead you to various repos

fleet condor
#

Hi, I'm struggling with a stupid (for me) thing in Lovelace within hassio. I need to upload a picture to use with a card, but can't manage to get the right path. I've read lot of tutorials but all make the assumption that you know where to upload your images to, which I don't. I've created a www folder inside the config folder and tried to call the image /config/www/PIC.png but no luck. Any hints?

outer pendant
#

Have you restarted hass after creating the www folder?

split granite
#

That would be accessible as /local/PIC.png @fleet condor

fleet condor
#

Yes I did

split granite
#

Note that pic.png and PIC.png are two totally different files

fleet condor
#

@split granite thank you so much ๐Ÿ˜ƒ I changed it to /local/ and it's working now

split granite
urban jasper
#

Just implemented an iframe into my frontend showing the dark sky precipitation radar, looks really nice! (I was going to upload an image, but it seems that I cannot)

raw brook
#

~images

#

damn bot.

#

Just use imgur or some other image service

urban jasper
winter leaf
winter leaf
#

I think i'm not able to use a space in the

exclude:
  - state: "Inget underlag"

But that is the state of the entity.. Hmm.. Any ideas? ๐Ÿ˜ƒ

winter leaf
#

I've managed to fix it to change the state to Inget
But that's just a workaround, can someone explain why it's not possible to use a space in the state? ๐Ÿ˜ƒ

split granite
#

I'd guess it's a bug in that custom card @winter leaf

#

I'd raise an issue in the developer's Github

winter leaf
#

Okay! ๐Ÿ˜ƒ

#

Thank you for the explanation

foggy tendon
split granite
#

There's probably an issue with the custom card you're using

foggy tendon
#

Yes, i found it... i was using the card with the .js type instead module....

#

Is this correct if i want a backgroud-color on one of my cards?

      - type: entities
        title: Il Meteo Oggi
        background-color: " lightblue; "
        entities:
polar kelp
#

Are you trying to use the card-modder?

foggy tendon
#

No... i am trying to understand how to set backgrounds on normal cards

polar kelp
#

That can't be done.

foggy tendon
#

Is it possible or i am forced to use that only with card-modder?

polar kelp
#

A few cards support theming in the new beta.

foggy tendon
#

so i must change that card to use card-modder for having backgorund?

polar kelp
#

Or create a new home-assistant theme that sets paper-card-background-color to the value you want.

foggy tendon
#

And this is appliable to the views or also to the cards inside views?

polar kelp
#

For now just for views. But I think it's inofficially possible to set theme: for button and glance cards in 0.80.3...

foggy tendon
#

ok, i'll try it...

kind shellBOT
foggy tendon
#

but i don't get the proper colors... the log says nothing...

#

what is wrong?

#

@polar kelp I see for some seconds the frontend says to me custom card card-modder doens't exist---

#

sorry, wrong indentation.... now i get the proper style, but always get for some seconds the same error and then the card appear as i want

#

hope you understand my poor english

polar kelp
#

Do you get a warning that custom:card-modder doesn't exist or something like that? Edit: I'm blind

gilded plume
#

Anybody could give me some help, there is the monster card to show devices with low battery, that works and i know how to add extra label/icon to a picture entity card but how can i get the batter_level from this device tracker -> https://ibb.co/e74qqf ?

polar kelp
#

What version of home-assistant are you running @foggy tendon?

foggy tendon
#

the latest 0.80.3

gilded plume
#

device_tracker.google_maps_00000_battery_level or device_tracker.google_maps_00000.battery_level doesn't work

polar kelp
#

device_tracker.google_maps_00000.attributes.battery_level

#

But you'll probably have to go through a template sensor or something

#

@foggy tendon That problem should have been fixed in 0.80.0. Do you use other custom cards, and if you do do they have the same problem?

gilded plume
#

thanks will try or otherwise try a template sensor

foggy tendon
#

at the moment i get only from this card, but i'll investigate more

#

I see other custom-cards are not doing that problem... gauge-card, monster-card don't give me that error...

vapid field
#

Where to start with lovelace? Ive been putting it off waiting for a more "final" version :p

foggy tendon
polar kelp
#

Because that's a web page and not an image

winter leaf
gilded plume
#

Thanks @winter leaf wanted to do that indeed ๐Ÿ˜ƒ

#

will try it out!

winter leaf
#

You are welcome.

foggy tendon
#

hmmm.... i was thinking that was a direct link to the image.... about that error i already write i get only from card-modder

thorny verge
#

Is there any way change/force the width of the columns or a vertical stack?
I was doing it with https://github.com/kuuji/button-card, defining the width and it was working perfectly, until the last HA update.

#

For example, a horizontal stack has three vertical stacks, and middle stack is wider than the other 2 stacks.

vapid field
#

I feel like all my questions should be able to found fairly easily in the docs or Google, but alas, no. Is it possible to have multiple entities on one row? e.g.

Garage Door [on/off] [battery%] [receivedTS]
Front Door [on/off] [battery%] [receivedTS]
Utility Door [on/off] [battery%] [receivedTS]

split granite
#

What type of card?

vapid field
#

No idea, whichever will work.

split granite
#

glance, which will work until 0.81 at which point they're removing the ability to set the number of entities in a row

#

(don't know why, IMO it's dumb, but ๐Ÿคท

vapid field
#

I suppose that could work, using some markdown for the label. But they're changing it? What will it do instead?

raw brook
#

@split granite It now just auto fills the cards so there is no reason to use column width

split granite
#

Which is annoying

#

I've a bunch of use cases where I want to force 4 or 6

#

But hey, that's what happens if you discover too late that it's a done deal, you don't get to provide feedback

raw brook
#

You could always submit a PR to change it back ๐Ÿ˜œ

split granite
#

If I knew Python I would

raw brook
#

Javascript/typescript

split granite
#

Unfortunately it's also typical any kind of development, where devs make the changes they think are relevant without there being any exposure of the plans to the user base

raw brook
#

You could always just start a discussion in #devs_frontend-archived or the UI_schema repo. Always welcome for situations like this

split granite
#

Right, wall of feedback posted

civic sedge
#

Somebody else using a fire tablet and having issues with all cind of components?
Media card is for example a absulute no go - just like almost any other custom card
or is it my configuration

#

ok yeah fire tablets are garbo. they are still based on lollipop - But theyre so loveley cheap

#

( and i got 2 laying around - so ยฏ_(ใƒ„)_/ยฏ )
a way around the outdated webview?

split granite
#

Buy a newer tablet?

civic sedge
#

Well.. Throwing working tek in the garbage isnt so my thing - Hell I used my pentium 4 untill 2014

split granite
#

Well, you've got a paperweight/door stop. While it technically works, it doesn't work for what you want ๐Ÿ˜‰

civic sedge
#

I hate amazon for locking the booloader
Btw - how do you make the font italic?

tired quail
#

underscore text underscore

civic sedge
#

test it out

#

Nice ๐Ÿ˜„

#

Btw - Its possible to root the 2017 Fire tablets - Its just a hell of a work - you open them and solder a sd card reader on the chip - to manually paste the SU binary

#

Oh also - Getting a hell lot chunk.js and more warnings - ignored them the last weeks

frontend_latest/a165dd73e19a69791eb4.chunk.js:470:674 Uncaught TypeError: Cannot read property 'card' of undefined
frontend_latest/app-5e219b20.js:91:305 Uncaught TypeError: Cannot read property 'entity' of null ```
google isnt helpful there
hot fern
#

Hey folks! I'm having a hell of a time getting background images to work. Any suggestions?

mild veldt
#

@civic sedge those look to be errors in the card you are using, not the browser

#

or perhaps just the config

#

break down your config to a super simple example that is still broken and share it here

wary dust
#

I have a stupid question

#

Where does one find the lovelace custom folder

#

Every custom card says to put custom-lovelace in the config/www folder

#

I don't appear to have such a folder

raw brook
#

You have to make it.

polar kelp
#

And you need to restart homeassistant after creating it.

wary dust
#

so inside .homeassistant I make config/www/custom-lovelace ?

polar kelp
#

config is the same directory that contains your ui-lovelace.yaml and configuration.yaml

#

So if your ui-lovelace.yaml is at .homeassistant/ui-lovelace.yaml , then you should create .homeassistant/www/custom-lovelace/

#

And then files placed in that directory will be referred to in the lovelace configuration through /local/custom-lovelace/any-futher-subdirectories/your-filename.js

wary dust
#

OK. Thanks very much

#

That's perfect

hot fern
#

Would you place images in a similar directory for backgrounds and such?

#

Or can they be placed anywhere?

wary dust
#

That worked for me

#

I think they can be anywhere, as long as you put their location in the resources part of ui-lovelace.yaml

polar kelp
#

They still need to be inside www/

low parcel
#

does mi flora work again and what's the correct config? because again, I'm getting those damn updating sensor is taking over 10 seconds

little belfry
#

Hi, I have a small question. What values can be used for "tap-action" in the entity config? I want to bring up the "light windows (colors brightness)" on an picture-glance card

#

The default seems to be tap-action: toggle

polar kelp
visual hazel
#

Is there an equivilant of this channel for the default interface ?

mortal cape
lofty summit
#

Hey guys, does anyone know if it's possible to use any template values in a markdown card?

lofty summit
#

Cheers! I guess I'll have to look into custom cards more

polar kelp
#

It's not quite templates, though...

lofty summit
#

Nah I don't need templates specifically, was indeed just looking to use a sensor value. ๐Ÿ‘

slate inlet
#

Is there a way to change icon colors in lovelace? I tried a template in the customize.yaml but that did not work for me.

polar kelp
#

I think you can do it with custom-ui, but I bever tried.

slate inlet
#

Does custom-ui work with lovelace? I threw away custom-ui when I switched to lovelace thinking it didn't work. Lets try

raw brook
#

It does.

#

Well Icon color does. I use it currently

twin stag
#

Does antingen know what โ€please definie entitiesโ€ meen? I get the error when i try to use a version of dark sky weather card.

raw brook
#

Means define entites

#
entities:
  - entity.entity
  - entity.entity
#

You should read the docs on the card. Im sure it tells you what entities you need

twin stag
#

Thanks! got passed so many errors trying to implement this card but could not solve this. Ill give it another try and get back to you @raw brook

little belfry
#

@polar kelp thanks for the answer. I have a second question. Is it possible to see "power consumption" as secondary Info in lovelace? I realized that before with Custom UI. But its not working in Lovelace

outer pendant
#

Is there a way to overlay buttons on a camera?

#

Any chance someone have created a picture-elements that can take an image_template instead of just a URL?

tribal nimbus
#

How do I organize lovelace cards?

#

One column has 1 card and one has like 4

#

Vertical stack? or are there better ways

raw brook
#

Vertical Stack or Horizontal stacks

tribal nimbus
#

weird I can only get two columns to show up

#

and when I use horizontal is squishes everything

tribal nimbus
#

Figured it out, I was missing panel: true

#

thanks!

coarse perch
#

I haven't messed with Home Assistant in like a year now. It just run great. Now I have updated my hassbian to the latest and everything is running. Now I want to mess with lovelace and I made a simple glance card. All I get is a red box with "entities need to be an array" message. I have checked my ui-lovelace.yaml file many times.

#

lets see if I can figure out these discord tags. ```title: Montgomery House
views:

  • title: main
    icon: mdi:home-outline
    cards:
    • type: glance
      title: Lights
      entitles:
      • switch.aeotec_dsc06106_smart_energy_switch_switch
      • switch.ge_12727_inwall_smart_switch_toggle_switch```
#

Never mind. Noticed my own typo entites should be entities.

mild veldt
viral sorrel
#

for anyone that cares, latest firefox has fixed the maps card crash

eager pollen
#

Hello! I was wondering if someone had a good way of keeping custom_updater and a couple of other lovelace useful plugins updated

#

I don't have things actually git cloned into my hass config. They are actually in a different folder and I have to move things manually after doing a git pull

#

I can write a shell script but just wanted to see if there was a better way

brittle kindle
#

Can a view have both an icon and a title?

#

In lovelace of course.

wheat current
#

@eager pollen The main function of custom_updater is to update? ๐Ÿค”

eager pollen
#

@wheat current I haven't fully setup lovelace yet so in the old UI it doesn't have a button for updating. I just called the Service manually to see if it will take care of the update through the services UI

kind shellBOT
#

Ludeeus is away for 20m 21s with a message :point_right: working hard, or hardly working ๐Ÿคท

wheat current
#

The custom card for it just calls that service ๐Ÿ˜‰

outer pendant
#

@mild veldt thanks, didn't work ๐Ÿ˜•

polar kelp
#
style:
  background-color: rgba(0,0,0,0.2)```
outer pendant
#

Any way to make it expand across all 3 icons?

#

Or maybe even expand the "Status" and "Batteri" boxes across the whole top

polar kelp
#

It's not the Right Way โ„ข, probaby but padding-right: 100px or so on the leftmost one?

outer pendant
#

It does work kinda, but it looks like the color is on top of the icons

#

If i set "--iron-icon-fill-color": rgb(255, 255, 255) then they disappear, as if they are part of the background

#

Ah z-index: 100

polar kelp
#

I just noticed they are added from right to left in the yaml. So the leftmost icon will be on top of all the others...

outer pendant
lofty summit
#

Does anyone know if there currently is a way to disable (gray out) a switch/light control based on a condition?

mild veldt
#

@lofty summit you want to lock/disable it?

lofty summit
#

@mild veldt yes exactly

mild veldt
lofty summit
#

Cool thanks ๐Ÿ˜ƒ

fleet badger
#

Hey i am trying to make picture-entity card for on and off images for a fan but the image keeps showing too big, i would like the image to be the size of the default button dimensions of the button card images, so how can i figure out or reduce the size of the pictures to match

raw brook
#

Other wise you will need to resize the image

fleet badger
#

i have tried resizing the image but on the ui it still comes out big i have tried by pixel and by dimensions

#

thats why i wanted to know if the button card icons have a default size that i can just duplicate

twin stag
wheat current
#

~share

kind shellBOT
wheat current
#

Your spacing is wrong for the card

#

Add 4 spaces before all entity*

twin stag
#

4 more spaces?

wheat current
#

affirmative

twin stag
#

great, but a new error now :/

#

custom element does not exist: dark-sky-weather-card

wheat current
#

does it?

twin stag
#

exists? yes it does

wheat current
#

in /config/www/custom_ui/dark-sky-weather-card.js ?

#

you are missing 4 spases on line 5 as well

twin stag
#

yes, im using a windows client so its under install_path\www\custom_ui

lofty summit
#

@twin stag did you download the card from github?

wheat current
#

he did, but has not told HA what type it is

lofty summit
#

right makes sense

#

i made a mistake earlier where i "saved link" on the JS file from github but apparently that includes a bunch of HTML code

wheat current
#

I'm not sure that he/she didn't do that, but the placement of type are at least wrong ๐Ÿคท

twin stag
#

Do you see any error in my code except from my spaceings?

wheat current
#

I have not bothered to look for more ;)
And I will not untill you fix all of them and test after that ๐Ÿ˜‰

twin stag
#

Hehe fair enought, im on my way home now and will do the changes later. Do you have a guide on How to use spaceings in yaml?

#

Im all new to this ๐Ÿคท๐Ÿปโ€โ™‚๏ธ

wheat current
#

fowlow the documentation for the thing you are implementing ๐Ÿ˜‰

#

.yaml

kind shellBOT
twin stag
#

Thanks!

shut depot
#

I just started using Lovelace and am really enjoying what it offers. I created a floor plan for my house and am using it to toggle lights throughout the house, which is fabulous. I would like to create a button (?) to trigger an automation but have not yet been successful at triggering the automation. I created a service button & was hoping I could use it to trigger the automation, but no joy. Can you suggest how I may trigger an automation? Thank you!

raw brook
#

@winter hollow Your custom slider card is nuts. Blows mine out of the water

winter leaf
#

@polar kelp Is it possible to have two rows in the fold-entity-row card?

foggy tendon
#

Is anyone using the custom card "weatherbg-card"

polar kelp
#

You mean have two rows as a header? No.

mild veldt
#

@twin stag get a text editor like VS Code and get a YAML extension to check your syntax

mortal cape
#

@raw brook link to this card?

mortal cape
#

oh "swiper"...

raw brook
#

Yea sorry

mortal cape
#

np. Just curious. I had looked at swiper card only moments ago

winter hollow
#

@raw brook tech wise yours is better, I just included Swiper.js...

sterile relic
#

How can I change the colours in a gauge card? I've been trying using blue, green and red for my temperature room sensor, blue for 0ยฐ green for 21ยฐC and red for 35ยฐC, but when I try this the gauge is always blue, and no matter what colour I choose instead of blue

raw brook
#

Cant switch colors other than your primary color in your theme. Or the red, yellow or green severity levels

inner wagon
#

Is there a way to get a card to span the entire to of the screen and have the rest of the cards fall into place without getting into horizontal and vertical stacks?

raw brook
#

No

dim jolt
#

hey gang - anyone out there who can code fancy a crack at a custom:lock-card ?

#

started looking at various pieces (how smarttings or Wink do it) but absolutely no idea how to build a card!

raw brook
#

Create a feature request in the UI_schema or polymer repo. We may get to it eventually

dim jolt
#

cool - thanks. Been looking around to borrow bits of code, but actually couldn't find an example of inputting any data into a lovelace card. ie if I was to type a code or user into a text box. I'll put in the request now :).

mild veldt
#

@dim jolt @raw brook I believe @half osprey has asked that feature requests go through the forum in the past. Correct me if I'm wrong though.

dim jolt
#

happy to send it wherever is best for the team

mild veldt
#

you're talking about a door lock, correct?

raw brook
#

I'd rather the repos as I don't watch the forum but whichever works

mild veldt
#

๐Ÿคท

#

regardless, a door lock card seems like overkill

#

that's like having a light card

raw brook
#

A light card is on my list haha

mild veldt
#

lol

raw brook
#

Balloob actually suggested cards customized for different domains.

#

Each there own *

mild veldt
#

well then, there you have it

raw brook
#

But bed time. Have a good night

mild veldt
#

in which case, @dim jolt the request might not be necessary if it's already on the chief's radar

#

night

dim jolt
#

cool, thanks all

#

And night ๐Ÿ˜ƒ

mild veldt
#

What are you envisioning for an input text element?

dim jolt
#

this would be for a user to input the user name (rather than user_slot_1), the actual code, and then the lock to apply it to

#

check out the very first picture

mild veldt
#

oh, part of the lock aspect. i see

dim jolt
#

replacing user_slots with user_names (well linking them to make it easier for the end user)

#

yeah

#

wink and smartthings for all their faults, handled the lock UI pretty well

mild veldt
#

I have a PR that uses paper-input that I'm currently working through if you're wanting to start work on a lock card

dim jolt
#

being able to set single use codes, time based codes etc

#

sadly I cant really create my own code - very good at borrowing, but i cant find enough examples ๐Ÿ˜ฆ

mild veldt
#

Does HA support lock codes?

dim jolt
#

yep

mild veldt
#

The current lock domain?

#

cool

dim jolt
#

if we could accommodate that in a lock-card that would be great, but lock.set_usercode etc.I'm very happy to work with someone who can code ๐Ÿ˜‰

mild veldt
#

I guess I never really considered a smart lock was anything more than a switch really TIL

dim jolt
#

oh yeah - cleaner code that only works on tuesdays and thursdays (alarm if not) - once use code for an impromptu contractor or dog walker.

#

i have a feeling that all the extra code for locks puts a number of users off

mild veldt
#

we're currently pushing on converting existing cards/elements to TypeScript/LitElements with a few side projects here and there for new cards, but we've got some good momentum. So hopefully in the near term we can start working on things like this

dim jolt
#

sweet ๐Ÿ˜ƒ thanks for the info. Not sure i'll be much help - but happy to help where I can

mild veldt
#

yeah, I imagine using locks with the current UI is near impossible

#

outside of lock/unlock

dim jolt
#

VERY long winded but is possible

mild veldt
#

like I had in my head

#

*impossible without a lot of user setup

dim jolt
#

totally

#

if anyone gets round to building and want testers i know a few folks who will jump at the chance ๐Ÿ˜‰

mild veldt
#

cool. i'm off to bed. night

#

test in prod ๐Ÿ˜ƒ

dim jolt
#

same - night buddy! and thanks again

vapid field
#

hello, can anyone here help me get transparent cards in lovelace? i installed cardmodder last night but i dont know how to css ๐Ÿ˜ฆ

raw brook
#

background: transparent

#

opacity: 0; filter: alpha(opacity=0)

#

I believe any of those will work for you

vapid field
#

wow thanks ill give it a try

#

and how would i..? where do i..?

#

err

#

does this go in the lovelace-ui.yaml?

raw brook
vapid field
#

well not really actually, i want them semi transparent, since i installed this mp4 background video addon

#

but im all sorts of confused tbh

raw brook
#
theme_name:
  paper-card-background-color: 'rgba(0,0,0,0.5)'
#

Read the docs for themes. Set up a theme with that line I posted above and your cards will be semi-transparent

vapid field
#

thanks lots sir!

fluid shoal
#

Hello - does anyone know if it's possible to change the color of a group icon based on it's state (on/off) when using lovelace?

raven nacelle
#

@raw brook Is it possible to exclude the numeric keypad from the alarm panel, if it is not being used? Did not see anything in the config

raw brook
#

No.

raven nacelle
#

shoot...that was one of the options in the custom card.

#

both my panels don't use codes...so they are redundant

raw brook
#

Yea. The integrated version is in 1.0 so they do not have all the feature as the custom card

raven nacelle
#

would be nice to have an option to exclude the keypad (may be in the future)

raw brook
#

Future PR ๐Ÿ˜œ

unreal urchin
#

hi friends. trying to get an iframe for kodi into my lovelace ui and feel like i'm missing something

#
  • type: iframe
    title: 'Kodi - Theater'
    url: '192.168.1.101:8080'
#

the card shows up with the title, but no content inside of it

#

that same url is reachable from other computers

#

disregard, apparently i need to include http:// in the url

winter leaf
#

Please use code blocks @unreal urchin

raw brook
#

~format

kind shellBOT
#
:information_source:
Format Code:

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

```
code here
```

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

twin trout
#

Hello everyone, Anyway I can create a group of similar entities that I can control color as a single entity?

lean nova
#

I think there is a custom thing for that

#

"light-group"

#

@twin trout ^

twin trout
#

I will check it out @lean nova. Thank you for your suggestion!

#

This answers part of my question but, the original question was probably badly posed by me.
How do I group 3 equal entities into a single one?
I've tried using the groups.yaml but lovelace doesn't seem to like it.

The real issue I have is that I have a ceiling fixture that contains 3 lamps. I don't need to control them individually but as a group.

#

Thanks in advance to anyone who can assist!

raw brook
#

There is a light group

#

Think link about is not to that

lean nova
#

oh, yeah... the group component

raw brook
#

This component does exactly what you want @twin trout

twin trout
#

@raw brook @lean nova Thank you both for your assistance. I will now look that.

#

@raw brook @lean nova Problem solved. Thank you very much to both of you!

timid burrow
#

it's 3 vertical stacks and was working perfectly

#

it's working as well in the iOS beta app but not in chrome on my PC or phone/ipad

mild veldt
#

@timid burrow card size bug. Fix coming in next release.

timid burrow
#

gaaaaaa.... it's funny on b0 it was fine, even b1... I even downgraded to b1 again but the 'bug' was still there. So odd. I added the custom column-card back and it's ok again but I'll be waiting on the fix. Thanks for the info

mild veldt
#

Well I introduced the bug so... ๐Ÿ˜ƒ

#

Weโ€™re in the process of a large refactoring

timid burrow
#

no worries... just don't understand why I only saw it in b2 and reverting to b1 didn't 'fix' it

mild veldt
#

Was introduced in b2. Probably a cache issue

timid burrow
#

maybe but I did reset it.... but I was having issues with the media card as well and Maker and I were going back and forth so I don't know if I'm coming or going lol. anyway, I'll look for the fix. all good.

tacit cave
#

@mild veldt did that bug affect iFrame cards?

mild veldt
#

no, self contained. what are you seeing @tacit cave ?

tacit cave
#

Aspect ratio and I frame cards appears to be broken. Iโ€™m not seeing it but I donโ€™t use iframes. Apparently adjusting the aspect ratio ads a scroll bar instead of sizing the card.

wintry cape
#

Any way to change icon color in a glance card?

raw brook
#

In beta you can theme the glance card. The feature will be in 0.81

wintry cape
#

Ok. Guess I'll wait then.. thank you for replying

mild veldt
#

@tacit cave I did refactor that card as well but that sounds like a different potential bug

#

I'll check i tout

#

@tacit cave card size changes for me in testing

tacit cave
#

@mild veldt Iโ€™m not sure if these guys are refreshing the cache properly

#

This is alll second hand info

mild veldt
#

fair enough ๐Ÿ˜ƒ

dapper veldt
#

I was able to install a component but can't figure how to install a card, sorry really new to this all

raven nacelle
#

@dapper veldt Alarm car is now part of HA, no need to use custom card for it.

raw brook
#

It is officially released in 0.81 when that lands

raven nacelle
#

which is moments away ๐Ÿ˜ƒ

dapper veldt
#

okay great i will just wait.

remote rivet
#

Anyone tried the new thermostat card in 0.81 successfully? For me nothing happens using tado as my climate entity. Nothing shows up, not even an error message

raw brook
#

Explain nothing shows up

#

Does a card appear but nothing inside it?

#

Are you able to inspect where it should be?

remote rivet
#

No card appears & no can't inspect at the moment

mild veldt
#

@remote rivet errors in console or dev-info?

fluid helm
#

I have the same behavior

#

I was using the custom thermostat card before 0.81

#

this is with javascript_version: latest btw

#

Actually, that might have been a cached error. After shift-refreshing I'm seeing this instead: 197 Uncaught (in promise) DOMException: Failed to execute 'toggle' on 'DOMTokenList': The token provided ('Energy Heat') contains HTML space characters, which are not valid in tokens.

#

seems more relevant

polar kelp
#

@raw brook

half osprey
#

aah

#

your thermostat implements an operating mode that is not part of core

fluid helm
#

it's a heatit z-wave thermostat

sudden lion
#

v1 or v2?

fluid helm
#

v2

remote rivet
#

No, but might be due to me setting too high logging level. Also the docs page for thermostat card says - type: sensor entity: climate.nest but think it should be - type: thermostat entity: climate.nest?

fluid helm
#

yeah, I also saw the bug in the doc

#

๐Ÿ˜ƒ

#

sjabby: Maybe because you're not running it in energy heat mode?

sudden lion
#
      - id: c26ca1b3056942ae885d77a346c0fabe  # Automatically created id
        type: thermostat
        entity: climate.fibaro_system_fgt001_heat_controller_heating
#

ah yes probably

#

sorry, didnt see that ๐Ÿ˜ฆ

fluid helm
#

๐Ÿ˜ƒ

wet coral
#

does anyone encounter problem with lovelace in 0.81? I have some entities which are updating as normal

#

but in UI are shown in red with 'Cannot read property "states" of undefined'

raw brook
#

Thermostat fix is coming in the next hotfix

#

@wet coral Which Cards?

wet coral
#

@raw brook graph and custom:gauge

polar kelp
#

Are they in a stack?

wet coral
#

yes

polar kelp
#

Fix coming tomorrow in 0.81.1

fluid helm
#

confirmed btw, if I set the thermostat to heat instead of energy heat it displays

wet coral
#

so it's already known. ok, thanks for the info ๐Ÿ˜ƒ will wait for update

strong timber
#

So new thermostat card is hardcoded to display "Upstairs" ?

polar kelp
#

Yes. FIx coming in 0.81.1 tomorrow.

strong timber
#

Is there a way to show the Lovelace UI without the sidebar, i.e. wanna display it on a tablet, but I don't want any sidebar options accessible/visible (Hassio, Configuration etc)

raw brook
strong timber
#

Hmm, so I'm gonna have to inject my own CSS to hide that menu

mild veldt
#

in the future there are plans to limit visibility of things like configurations for non-admin users

#

i imagine you could use something similar to kiosk mode

polar kelp
solar tiger
#

hey ๐Ÿ˜ƒ

raw brook
#

hi

solar tiger
#

getting my head in water trying to get a card working ...but no matter what I try ... keep getting the same error as "Uncaught SyntaxError: Unexpected token <"

raw brook
#

Custom Card?

#

Redownload the card

solar tiger
#

this is the card I'm trying to get loaded

polar kelp
#

Upgrade to 0.81 instead

solar tiger
#

well, in fact, i just did ...10mins ago

polar kelp
mild veldt
#

^

solar tiger
#

Right, so in that case, it means the config can be simplified ... right ?

mild veldt
#

by a small amount

polar kelp
#

Right
For future reference, though, you need to download the "Raw" version from github.

solar tiger
#

Yeah, i did that ... several times

#

from multiple browsers ... even tried to copy it to notepad ... before copying it to the config file ... but again... nothing i've tried .. really worked

#

Also tried with other custom cards ... and think same error message came back

polar kelp
#

Then it's probably that your cache still held the old version.

#

Is there a < at the start of the file you downloaded?

solar tiger
#

did the ?v=1 ... and increased the versions ... as well

polar kelp
#

Do you have other custom cards in your resource section? What if you go to the url of the js directly (your-ha-or-whatever:8123/local/whatever-path-you-chose/alarm_control_panel_card.js) in your browser - does it look right?

solar tiger
#

Yes, it does.

#

So, i've just removed the custom card ...to use the one already part of HA ...

#

so my ui-lovelace.yaml is now like this

#

title: home
name: test
views:

  • type: alarm-panel
    entity: alarm_control_panel.ha_alarm
#

Good news ... don't see the error message. Bad news... nothing renders

#

http://<ha_ip_address:8123/lovelace/0

#

this is where i'm trying to see the card ...

mild veldt
#

you have alarm_control_panel defined in your backend?

solar tiger
#

Yes

mild veldt
#

was your UI working before this?

#

or is this your first card?

solar tiger
#

No. just to clarify ...this is the first attempt to use lovelace ... so have nothing but this card now

mild veldt
#

Excellent. That helps I think

#

So, you made ui-lovelace.yaml in your config folder

#

Did you restart after doing so?

solar tiger
#

and i have the alarm working fine in the normal UI ... etc etc ... so all configured as it should in the backend

#

Yes, the ui-lovelace.yaml was created while ago ... after that i've upgraded multiple times HA

#

and restarts ... etc etc

#

Today i'm just trying again to get this working , after all failed attempts

mild veldt
#

Let's try the simplest card we can:

name: Test
views:
  - id: 0  # Automatically created id
    title: Test
    cards:
      - id: 3aedc3f3b60b4305ac8b044b9fc7292f  # Automatically created id
        type: markdown
        content: testing markdown
#

replace everything in your file with that

solar tiger
#

Done. and can see that now in the UI

mild veldt
#

perfect

solar tiger
#

the "testing markdown" message

mild veldt
#

now expand it to this:

name: Test
views:
  - id: 0  # Automatically created id
    title: Test
    cards:
      - id: 3aedc3f3b60b4305ac8b044b9fc7292f  # Automatically created id
        type: markdown
        content: testing markdown
      - id: 3aedc3f3b60b4305ac8b044b9fc7292g  # Automatically created id
        type: alarm-panel
        entity: alarm_control_panel.alarm
#

double check that entity_id though

#

I see you put ha_alarm earlier

solar tiger
#

yeah, mine is ha_alarm

wheat current
#

id: 3aedc3f3b60b4305ac8b044b9fc7292g # iantrich created id ๐Ÿ˜›

mild veldt
#

๐Ÿ˜ƒ

polar kelp
#

Was just thinking that

mild veldt
#

nope...

#

just crazy coincidence

#

lol

solar tiger
#

Right, got an error "unknown card type encountered: alarm_panel"

polar kelp
#

I can't even imagine what the chances are you'll get two consecutive uuid4...

#

It should be alarm-panel with a dash

mild veldt
#

100% when you use my amazing methods

#

๐Ÿคฆ

solar tiger
#

Same error ... with "alarm-panel"

mild veldt
#

you have an error now?

polar kelp
#

See what you did! You had us so occupied with your ids that noone noticed the mistake.

mild veldt
#

lol

wheat current
#

๐Ÿคฃ

mild veldt
#

misdirection

polar kelp
#

Sorry. I shouldn't disturb your debugging tiago.

solar tiger
#

That's alright ๐Ÿ˜ƒ

mild veldt
#

share your error @solar tiger

#

@wheat current is easily entertained

wheat current
#

Not much else ๐Ÿคท

mild veldt
#

๐Ÿ’ค ?

wheat current
#

to do/see here

mild veldt
#

It's like almost 2am there isn't?

wheat current
#

Still have half a beer left :P
1.33 ๐Ÿ˜ƒ

solar tiger
#

its' the same as above

mild veldt
#

๐Ÿป

solar tiger
#

unknown card type encountered: alarm-panel

wheat current
#

Are you sure that you have upgraderd successfully?

polar kelp
#

Are you sure you're on 0.81?

mild veldt
#

Go to dev-info and verify you are on 0.81

polar kelp
mild veldt
#

hey...I thought I was debugging here...

#

๐Ÿ˜ƒ

#

I'm getting too slow in my old age

solar tiger
#

damn ... i'm not ๐Ÿ˜ฆ

polar kelp
#

๐Ÿ™Š

solar tiger
#

i've made a typo ...

#

and upgraded to 0.80.1

#

not 0.81

#

sorry :/

#

upgrading again

mild veldt
solar tiger
#

yeah ... not great move

#

sorry

wheat current
#

๐Ÿ’ฉ happens ๐Ÿ˜›

mild veldt
#

no worries

#

We kept @wheat current entertained for a bit, at least

solar tiger
#

just pulling new image ... for 0.81 version ... so shouldn't take longer to test again

wheat current
#

๐Ÿ’ฏ

mild veldt
#

you should be fine now

solar tiger
#

there's always a bright side ๐Ÿ˜ƒ

#

Yeah, hope so ...

mild veldt
#

Now I should write some documentation for new shopping list card

solar tiger
#

will test soon as get the upgrade completed

mild veldt
#

@wheat current want to help? I know your super power is docs

#

You're right! I'm going to put it off and work on other things

solar tiger
#

@mild veldt it works now.

#

thanks a lot for your help, really appreciated

flint stratus
#

I'm digging the long-press action. Doesn't work on my ios app though - I get a system prompt asking if I want to save the image I'm tapping on: https://i.imgur.com/89yLp13.jpg

mild veldt
#

I think you just have to hold is shorter

#

It's defined as 300ms

#

I know that was a concern

dim jolt
#

seems more functionality

raw brook
#

It's the first iteration of the integrated. If you would like a feature please request it on the polymer repo

#

@dim jolt

dim jolt
#

sure - the button card is very widely used (and a variety of uses) kuuji has been diligently answering and including requests on their github so could save the HA devs some time

raw brook
#

Well it's a bit different when integrating into HA. We can't just take it and copy. But yes that is the repo

dim jolt
#

cool thanks @raw brook will raise now

mild veldt
#

We just need to get kuuji to start contributing to the official stuff ๐Ÿ˜ƒ

lament burrow
#

anyone have luck with the thermostat card? it's only showing a blank white dial fo rme

gritty swift
#

@lament burrow link to the card?

granite prawn
#

anyone here facing issues with the new homeassistant.update_entity

#

i know its a breaking change, but i dont know how to use it

winter wasp
#

anyone else having trouble with vertical-stack-in-card with 0.81?

granite prawn
#

@winter wasp are you getting a red bar too?

winter wasp
#

iโ€™m getting all kinds of errors in the UI. not sure if itโ€™s limited to that custom card

winter wasp
#

yeah, looks similar

granite prawn
#

yeah

#

im not sure how to do implement this breaking change Template sensors for which we could not determine what states to track to re-render will now only be updated when manually refreshed using the new homeassistant.update_entity service. (@balloob - #17276) (sensor.template docs) (breaking change)

winter wasp
#

media-controls inside of regular vertical stacks, too

#

hmm, thatโ€™s not related to the UI, though

timid burrow
#

@granite prawn I was getting those and just added the entity id to the template sensor

#

that fixed it... no more errors

granite prawn
#

can you show me your code please @timid burrow

#

that would be very helpful, since the docs arent very clear at this point

timid burrow
#
  - platform: template
    sensors:
      forecast_0:
        entity_id:
          - sensor.dark_sky_daytime_high_temperature
          - sensor.dark_sky_overnight_low_temperature
          - sensor.dark_sky_precip_probability
        friendly_name: "Today"
        value_template: >
          {{states.sensor.dark_sky_daytime_high_temperature.state|round(0)}}ยฐ/{{states.sensor.dark_sky_overnight_low_temperature.state|round(0)}}ยฐ/{{states.sensor.dark_sky_precip_probability.state|round(0)}}%
        entity_picture_template: >-
          {{ '/local/icons/dark_sky/' ~ states.sensor.dark_sky_icon.state ~ '.png'}}
#

that's an example

#

so I just added entity_id for every sensor referenced in the template

#

the docs do show that but don't give any examples

granite prawn
#

but i dont have any platform: template sensors

#

@vapid field

timid burrow
#

then why are you getting a template sensor error????

granite prawn
#

here is my complete sensors file

winter wasp
#

i think youโ€™re mixing up problems

granite prawn
#

that could be very possible

#

maybe my only issue is the vert stack issue

winter wasp
#

templates are separate

timid burrow
#

the error message you posted up above said template sensor in it

#

count_confuciusToday at 2:20 PM
yeah
im not sure how to do implement this breaking change Template sensors for which we could not determine what states to track to re-render will now only be updated when manually refreshed using the new homeassistant.update_entity service. (@half osprey - #17276) (sensor.template docs) (breaking change)

#

ah.... it's not an error you are quoting the release notes

#

well what I posted is how you get around that

granite prawn
#

yes, my bad for not making that clear ๐Ÿ˜›

timid burrow
#

hahaha

mild veldt
#

@lament burrow thermostat is working for me

granite prawn
#

my bad mate, sorry

timid burrow
#

yeah I have the red screen in lovelace as well

mild veldt
#

@timid burrow @granite prawn @winter wasp hot fix for stack-cards will be released tomorrow

timid burrow
#

we need to wait for 0.81.1 according to @polar kelp who said tomorrow

granite prawn
#

@mild veldt thanks mate

#

now i have another issue

timid burrow
#

hahahaha!! thanks @mild veldt got that lol

granite prawn
#

i made literally no changes to any of my files, but im getting this error Could not find ui-lovelace.yaml in your config dir.

#

and no gui at all

timid burrow
#

well that sucks...

mild veldt
#

well...is it there?

#

i sure hope so

#

there was a change to ad unique ids to your config

timid burrow
#

have you had a look to see if the lovelace file is there?

#

hahaha

granite prawn
#

yes its there

mild veldt
#

so the file does get edited and then replaced

timid burrow
#

is there an echo in here?

#

lol

granite prawn
#

ui-lovelace is very much there

mild veldt
#

how much?

#

1-10

granite prawn
#

and now its gone :/

mild veldt
#

did you have it open somehwere?

#

I really hope you didn't lose your config

granite prawn
#

nope

#

i just restored from yesterdays backup

#

moral of the story, ALWAYS have a backup ๐Ÿ˜›

mild veldt
#

that's not good that it got removed though...

timid burrow
#

so true

granite prawn
#

@mild veldt yeah, very weird that it went somehow

mild veldt
#

like I said, the file is now being edited and then replaced now

#

so if there was a hiccup in that, that would explain it

granite prawn
#

but i wasnt editing it at all

mild veldt
#

and is the most likely explaination

granite prawn
#

i only had my sensors file open

mild veldt
#

the system is

granite prawn
#

ahh fair enough

#

i did invoke the custom_updater.update_all command

mild veldt
#

interesting...

#

do you mind trying to replicate?

granite prawn
#

i dont mind

#

would you like to monitor it somehow?

winter wasp
#

crap, basically all of my UI pages use stacks ๐Ÿ˜œ

#

hereโ€™s hoping all my automations were designed well

timid burrow
#

it's funny - I use stacks on most pages but only 2/6 are showing red

#

so strange

granite prawn
#

@mild veldt let me know if you want me to replicate the issue ๐Ÿ˜ƒ

mild veldt
#

@winter wasp I'm sorry ๐Ÿ˜ฆ I introduced that bug

#

It's only if you have sensors in them, I believe

#

they don't like being given a hass object that is undefined

#

they kind of...blow up

winter wasp
#

@mild veldt iโ€™m sorry if i hunt you down in my dreams ๐Ÿ˜‰

mild veldt
#

in my defense...this is all still experimental ๐Ÿคฃ

timid burrow
#

ah huh! yeah all my red ones have sensors and in vertical stack

mild veldt
#

@granite prawn yeah, just try to do it once more. nothing to monitor beyond if the file is removed or not when you run the custom_updater

granite prawn
#

okay, ill do it again

mild veldt
#

@timid burrow you had me nervous there for a bit with that rage

timid burrow
#

hahahaha.... nah.... it's all good. it's just a pity they went straight to release with it rather than b3

mental bear
#

does anyone know how I can add space between the tabs for my views and the entities? I have a two column page and they touch the view tabs

granite prawn
#

@mild veldt nope, no issues this time. file is still there

mild veldt
#

๐Ÿคท

granite prawn
#

yeah, my reaction precisely

mild veldt
#

@timid burrow our UI development flow could probably improve a bit

timid burrow
#

it's better now than it was in the past.

winter wasp
#

iโ€™ll take occasional red boxes over groups.yaml any day

mild veldt
#

I don't plan on making this a repeat event ๐Ÿ˜ƒ

winter wasp
#

is the PR complete, just needs to be released?

timid burrow
#

hopefully 0.81.1 is out before most people upgrade...

mild veldt
#

yeah, balloob will make a tag tomorrow

timid burrow
#

it seems to be still open

mild veldt
#

yes it is. there were some backend fixes he is hoping will be addressed before he finalizes it

timid burrow
#

gotcha

mental bear
#

does anyone know how I can add space between the tabs for my views and the entities? I have a two column page and they touch the view tabs

im not sure how to add in a blank card that would probably be close to what i want

mild veldt
#

can you post something on imgur and show me what you mean? There should be a bit of padding

mental bear
#

i want like a horizonal line of white space just as a little bit of a gap

timid burrow
#

i have that - same width as the column seperator on mine.... what is in lovelace for that view?

mental bear
#

i have it as a horizontal stack of two vertical stacks

#

only thing for that view

timid burrow
#

panel: true?

mental bear
#

correct

timid burrow
#

that might be why..

mental bear
#

so panel: true gives me the spacing but not the full width i want

timid burrow
#

yeah I have an identical card but I only have the media cards and it has 3 columns - no stacks

#

actually 4 columns