#frontend-archived

1 messages ยท Page 139 of 1

split granite
#

The UI can all be done in the UI, but everything else is more "mix and match"

vapid field
#

thanks, have to go now. take care

solid sage
#

Is there anyway to hide/show a whole card based on condition?

split granite
#

Yes

#

The name of the card even drops a strong hint ๐Ÿ˜‰

#

It's worth taking a moment to browse the handful of stock cards

solid sage
#

Im using it but can it really hide the whole card?

split granite
#

Well, it only hides the top half

#

The bottom half just hangs around for giggles

solid sage
#

What about the title

split granite
#

๐Ÿคฆ

#

Since you don't seem to think I know what I'm suggesting, why don't you just try it

solid sage
#

Never mind. Thought it just hid the entities

split granite
#

Displays another card based on entity states.

#

I'm guessing you never RTFMd

mild veldt
#

classic

vapid field
#

Hi, Im playing with homeassistant few weeks, great project, thank you! There is just one thing I cant figure out how to fix... Charts - for dome reason all of them have unreadable values on both axis, screenshots: https://data.dread.cz/index.php/apps/gallery/s/K44JPJrDBSs5iM2
does anybohy have an idea why? @split granite noticed that it may be because of too many datapoints... Data comes from esp devices, some of them using esphome (for example that one called "antminer termostat" on screenshot g01.png), some of them are sending data over mqtt (for example on screenshot thermo1hr.png), but generally all graphs in my homeassitans suffer with this

split granite
vapid field
#

or is there a way how to delete the history?

split granite
#

Stop HA, delete the database file, start HA

#

All history will be gone at that point

vapid field
#

ok I can try to backup that file (or rename)

heady ocean
#

Is there a way to tell the default lovelace config to not display cards for Areas? I like using the default autogenerated view but find that while not all entities support area, I end up needing to split my configuration between the old groups.yaml and the new areas, and it just looks awful ๐Ÿ˜ฆ I'd like to set new Areas as integrations are updated, but actually use the old groups.yaml until I'm fully able to migrate away from it... Thanks

split granite
#

Don't use groups...

heady ocean
#

As things stand I get double groups - one for the new area and the second for the old groups.yaml

split granite
#

See above ๐Ÿ˜‰

#

If you're using the auto-generated view then that's the only option

#

Alternatively, just take control

heady ocean
#

If I don't use groups, then everything that doesn't support areas ends up dumped together in "No area"

vapid field
#

@heady ocean I stopped using autogenerated view as not all support areas

split granite
#

Then take control ๐Ÿ˜‰

#

The auto-generated view is only meant to get you started

vapid field
#

I agree that it was helpfull to get started

heady ocean
#

beh. Last time I took control (waaay pre-lovelace) I ended up waking up to massive amounts of junk that had accumulated... I guess I'm still a bit traumatized by that :/

split granite
#

The old states view has pretty much nothing in common with Lovelace

#

Forget everything you knew, and start fresh

heady ocean
#

K. Thanks

pulsar bobcat
#

does lovelace re-arrange cards on screen depending on their size

nova pasture
#

hi guys! ๐Ÿ˜›

#

new to home assistant here

#

i'm a bit confused by all the guides i read until now... someone spoke about a raw configurator, but i assume that there isn't no more

split granite
#

Yes it is

#

See the pinned messages - USAGE INSTRUCTIONS

nova pasture
#

i have italian language and i was looking for raw...

#

so i can add resources there right?

split granite
#

Yup

#

See the page that links to

#

It includes animated GIFs to show you what to do

nova pasture
#

i'm trying to have something like this

split granite
#

That second one may well be a custom card

#

There are a lot of custom cards

nova pasture
#

yes i'm trying to following this

#

but i'm missing some studying of the configuration.yaml ๐Ÿ˜›

split granite
#

Nothing goes there ๐Ÿ˜‰

nova pasture
#

in the raw configuration i shuld have

#

resources

#

views:

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

split granite
#
resources:
  - url: /local/slider-entity-row.js
    type: module
#

Having copied the required files to /config/www/

nova pasture
#

done

#

.homeassistant/www/slider-entity-row-js

vapid field
#

seems that the problem with values on axis is caused by brave browser, if I open it in firefox or chromium its OK...

nova pasture
#

'''

#

resources:

  • url: /local/slider-entity-row.js
    type: module
    views:
    cards:
    type: entities
    entities:
    • type: custom:slider-entity-row
      entity: light.porta
#

'''

#

give error on "entities"

polar kelp
#

Backtick `, not apostrophe.

solid sage
#

Is there any documentation on style?

#

I would like to have semi transparant cards

nova pasture
#

i did it ! ๐Ÿ’ช

polar kelp
#

Almost every plugin is working with Cast now.

#

browser_mod is giving me trouble, but I was kind of expecting that...

livid oracle
#

@polar kelp great news! I just happen to have a few of them to try out!

polar kelp
#

Clarification: they work for me. Fixes are not released yet.

livid oracle
#

Yup understood ๐Ÿ™‚ I will wait for your green light!

#

When using the popups in browser-mod and I have multiple windows open with HA, some times the popup will not open in the window I clicked on the opening button-card, I am using deviceID as this. Any reason for this?

polar kelp
#

Itโ€™ll pop up in the window that loaded last. As described in the readme. Only one window per device is โ€™officially supportedโ€™.

livid oracle
#

OK understood, not a huge deal as it only affects my dev and testing.

severe fox
#

Is it possible to display a view (floorplan) only when minimal resolution is met? On my phone it looks like mess this view. Icons are to big

mild veldt
#

@polar kelp I don't think dialogs are supported by cast even for core at the moment

vagrant ivy
#

I feel dense... meds must have worn off again. In a Lovelace horizontal-stack card, how to create a "blank" placeholder entity?

#

zero pixel picture card?

tidal raft
#

Hello all, any recommendations on the best lovelace setup guide?

mortal cape
#

@tidal raft it's setup by default. You just need to make choices. First is whether you want everything added automatically or not. If you want to take control over how things are laid out, you need choose to do that.

#

The three dots in the upper right.

#

After you take control you'll be able to go into edit mode in the ui using the same three dots

tidal raft
#

really its that easy. What are these videos about then. creating a ui-lovelace.yaml files

mortal cape
#

That's the next choice after UI edit mode

#

Where you take complete control, there is no editing through the UI, and you are only using text files (yaml)

tidal raft
#

i need to able to make custom panel for multiple touch screens

mortal cape
#

I suggest living with UI edit mode for a few weeks

tidal raft
#

al driven by there own Pi

#

all

mortal cape
#

There's no one way to do that, but you'll definitely want to move beyond the automatically managed mode for that

tidal raft
#

there is NO WAY to do that?

mortal cape
#

no ONE way

#

There are multiples paths to what you are describing

#

Some simple, some elaborate

#

Start small. Just take control. learn how to make it show what you want first. Then you can get that to wall mounted tablets

tidal raft
#

end the end i will have 3 touchscreen around the house for control. Also one here in my computer run. End the I will want diffrent UIs for each

mortal cape
#

You can have multiple tabs/views...each view can be whatever you want. So each touchscreen could simply be showing a different view

#

I threw some red dots up there on some of mine

#

All your touchscreens need is a browser to be able to reach your server page

tidal raft
#

yeah i understand that part

mortal cape
#

And some people use fullykiosk browser or other apps I am not familiar with...but like I said, lots of ways to go about it

tidal raft
#

need just a broswer

#

well at these control pannel the Pi will have sensors and preform other fumction to.

mortal cape
#

look at @atomic glacier's stuff for example

#

the style is not my thing, but the customization he gets out of lovelace is crazy

atomic glacier
#

๐Ÿˆgames on( be on later) ๐Ÿ˜

mortal cape
#

ah sorry...only using you as a reference! lol

tidal raft
#

kiosk seems cool

mortal cape
#

did not mean to disturb

atomic glacier
#

Lol, all good, welcome the comments, lol

#

We are winning ๐Ÿ˜€

mortal cape
#

@tidal raft dinotech's repo link up there ๐Ÿ‘†

tidal raft
#

yeah thats beautiful

atomic glacier
#

There is just so much that can be done display wise....I honestly feel there is no limit except for your imagination(so far)

#

Feel free to tag and ask questions๐Ÿฅณ

tidal raft
#

thanks dino

mortal cape
#

@tidal raft really it's like you're getting the big box of 128 crayons and then asking "is there a guide for these crayons?"

#

there's just too many directions possible

tidal raft
#

i will def need your help

atomic glacier
#

( oh yeah, and โญmy repo to keep up on changes) big update coming this week

tidal raft
#

so is there where i can call on my harmony hub devices and control them

#

so you can edit "raw config" in the UI

#

where is that located

serene grove
#

I am looking to borrow someones time if possible for somehelp

tidal raft
#

with?

serene grove
#

When you new install Hass it auto generates dashboard items

#

I clicked on custom dashboard

#

and lost my auto dash creation

#

@tidal raft

feral rivet
#

Hey guys I have homefeed enable for some door sensors as way to provide me with a few updates when certain things occur, but it has not change status in 24 hours. Is the something that I need to add to my config file that forces state changes to update within the cards. ```type: 'custom:home-feed-card'
title: Home Feed
show_empty: false
id_filter: ^home_feed_.*
entities:

  • automation.8348_irrigation
  • switch.front_door_sensor_83
  • switch.front_yard_gate_7```
mild veldt
#

@tidal raft the menu in the top right once in config mode

tidal raft
#

where is it located in the file systems

mild veldt
#

@serene grove you want to go back to auto?

serene grove
#

yes

tidal raft
#

i also cant find any samba config files

serene grove
#

Just trying to keep it easy @mild veldt

#

I am a newb

mild veldt
#

Delete .storage/Lovelace and restart

serene grove
#

that was directed at me right lol

#

lol

#

and delete the whole directory??

#

or just files inside

mild veldt
#

Wow no

#

Just the one file

#

@feral rivet nothing to add. Check issues for the card in it's repo?

#

@tidal raft wat?

serene grove
#

@mild veldt lol how would this noob delete that directory

#

sorry file

mild veldt
#

Are you running hassio?

serene grove
#

yes

#

on a RPI

#

4

mild veldt
#

Install the Configurator addon

serene grove
#

done

mild veldt
#

Then do it from there

smoky depot
#

hopefully future revisions will include a UI means of returning back to auto mode hehe

mild veldt
#

It's slated for 105 I believe

smoky depot
#

that be nice

serene grove
#

I dont see .storage

mild veldt
#

Does Configurator have a setting to show hidden files?

serene grove
#

no....

#

@mild veldt

mild veldt
#

๐Ÿคทโ€โ™‚๏ธ I don't personally use Configurator

#

Could setup samba share

serene grove
#

hum.... sucks

feral rivet
#

@mild veldt I just check the attribute in dev tools and the are showing the this sensors have not been tripped in 24 hours which is not accurate at all. The motion sensors are zwave device connected to a vera controller, which is accurate showing the last time a door was opened

#

What do I do now?

mild veldt
#

Log an issue in the cards repo

feral rivet
#

I have seen thisupdater: reporting: false in a lot of config.yaml files , but it's not something I have in mine, could this be a factor. So not to challenge your wisdom here but if the attributes section in Dev tools is also not reflecting appropriate on/off times is that not a bigger issue than the card?

mild veldt
#

Glanced over that

feral rivet
#

@mild veldt I am planning to wall mount a 10 in tablet for use in the house , can i hide all the tabs left of the various cards so that it requires a pin to access them? I don;t want unknown hands messing with things.

mild veldt
#

Not directly, views don't have pins, but you can hide them.
If you want that I would

  1. Use custom header kiosk mode
  2. Create a nav panel at the top of each view that links tothose views
  3. Use my restriction-card to add pin requirements to each button
vagrant ivy
#

I'll weigh in with an idea... have the RPis that are driving the displays that you say will have sensors on them send all sensor data to the HA server, while simultaniously have a browser in kiosk mode on each that uses one Home Panel url for each customized panel. You can customize the panels to no end including creating custom Applets in AppDaemon. This approach would be pretty straight forward and completely abstracts each RPi's frontend away from HA's default frontend.

half cairn
#

Good morning,

#

I've made this and got 2 questions about it;

https://i.imgur.com/n004jGx.jpg

  1. Can I somehow center the 'Scenes' text? (this is a button card with label card on it. Can I use css to align this? if so can someone show me how? spend a night on it but cant figure it out.
  2. How do I change the color of the (barely visible) battery icon?
#

thanks

#

And yes, the orange is hard to read, will change that later ๐Ÿ˜„

formal tide
#

I have some comman_line switches which just have a command_on parameter... can I somehow show only the turn on button instead of both in UI?

nova pasture
#

i mean, i will have a shelly switch to control that light, and if i turn off the switch the light will be disable, so the entire row, i wold have that with clicking the icon i can choose the color, with the slider choose the brightness and with the toggle pointing the shelly switch, is it possible or i have to change method

polar kelp
#

Template light

nova pasture
#

Template light
@polar kelp should i look for template light?

polar kelp
nova pasture
#

(HomeAssistant rule) - Templating isnโ€™t available anywhere in lovelace currently. You have to do all templating in home assistant, not lovelace.

#

is it right?

polar kelp
#

In this case, yes.

formal tide
#

@polar kelp I'm sure you already made this...
I search for a custom card which displays generic entites based on a list from a sensor...

polar kelp
#

auto-entities

formal tide
#

I just have a comma separated list in a sensor's state... should i make it json?

polar kelp
nova pasture
#

I'm actually lost ๐Ÿ˜ฃ

half cairn
#

@late mango fixed the battery % color by adding a style option to my lovelace.yaml ๐Ÿ™‚

hearty topaz
#

it is possible to change the way lovelace look?

#

by editing lovelace,yaml ?

deep moat
#

this is kind of a yaml question, but i'm having the question because of lovelace. What does have a dash ' - ' in front of an attribute indicate?

dense lynx
#

Is it possible to tell a card to span all columns?

#

oh well, glance cards seem to be able to do that

#

That wasn't quit what I intended. Glance card columns refer to the number of colums it creates within the card. I would like the card itself to span all 3 columns in the ui

half cairn
#

you can set the view to panel mode, then it will stretch 1 card on the full width, other cards wont be rendered though

kind shellBOT
muted inlet
#

use that โ˜๏ธ to share the code for your card, or:

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

dense lynx
#

hmm. not what I wanted (the panel mode). Guess this isn't exactly flex layout and I have to keep it simple

median falcon
#

I wanted a shelly 2.5 to work as a blind controller.

however I use 2 buttons, one to open and one to go down.
I wanted someone to help me with the code because I wanted to click the A button and it opens until I click the A button again and the same button B to go down.
what I found but can't adjust is
https://esphome.io/cookbook/dual-r2-cover.html
ESPHome
Dual relay cover motor control
An example of how to integrate covers that are controlled by two relays into ESPHome.

dense lynx
#

I am using entity-filter to show a list of all person entities with state "home". Currently, I am listing each person individually in the "entities" property. Can I somehow tell it to consider all person entities and then apply the filter?

nova pasture
#

can i have 3 colums of cards?

wheat current
#

yup

#

add more cards

nova pasture
#

not with just 3 cards?

wheat current
#

horizontal stack in panel mode

kind shellBOT
nova pasture
#

i don't get how to posistion the code.. fuck

atomic glacier
polar kelp
#

How is that a list of entities, @formal tide ?

atomic glacier
dense lynx
#

@atomic glacier Nice, lots of good info, thanks!

atomic glacier
nova pasture
#

can someone point me the error?

#

Impossibile analizzare YAML: YAMLException: bad indentation of a mapping entry at line 28, column 15:
- entity: media_player.mibox3

formal tide
#

@polar kelp got it :)

      {% for dev in states.sensor.wifi24devices.attributes.devices %}
        {% if device.attributes.mac|lower == dev.mac %}
        {{ device.entity_id }}
        {% endif %}
      {% endfor %}
    {% endfor %} ``` 
thanks for your great contributions!
atomic glacier
nova pasture
#

i did it! now.. i'm just playing around, i have 3 column with 2 cards, 1 cards and 1 weather card, can i have the second column's card be big like the weather card??

#

and actually look like a card.. now it has no shadows

atomic glacier
#

as you add content/entities to a card it will grow to accomadate what you have added. The card height: can also be adjusted on some custom cards or can be done with card-mod

nova pasture
#

@atomic glacier but it doesn't have shadows like other cards

severe fox
#

I have "confirmation" as a parameter with a button card. But I can';t get the text for the confirmation dialog working. It always says : Are you sure you want to toggle?

#

How can I change it to my own text?

atomic glacier
#

@nova pasture Would have to see the code. I'm am guessing the sytling was removed, maybe? If not, you can put it inside of an entities-card to fix it, but would still have to see the code used

nova pasture
atomic glacier
nova pasture
#

@atomic glacier ye! that's much better!

#

that's bring to another question, can i have a different view of that for smartphone? via app

#

only to know.. that's too difficult for me now btw

atomic glacier
#

yes, I have different views for each type device. e.g. tablet, mobile, desk PC

nova pasture
#

super

nova pasture
#

is there any guide to set device tracker with google maps?

hoary anchor
#

Is there any way to change the icon size/font size of the top header in HA? In other words the view icons.

nova pasture
mild veldt
#

@nova pasture most people use the mobile apps for device tracking

nova pasture
#

ah ok that's why i already have my device under device tracker

#

@mild veldt can we see that from satellite like google.maps instead of OSS?

#

osm*

mild veldt
nova pasture
#

ok i will leave the open street map card ๐Ÿ˜› but, can i link the device to a user? now i see only M6 (mi.6)

mild veldt
#

yes, in the person editor

nova pasture
#

then i have to reload HA?

mild veldt
#

no

nova pasture
#

doesn't work๐Ÿ˜ข

mild veldt
#

oh, I think I see what you're after. You just want to display name on the map to change?

nova pasture
#

ye... now and then i want to see an icon with my photo, and then i would like to have a badge or something with my icon and battery of my phone

mild veldt
#

well to just change the name, you can use the Entity Registry found in the Configuration panel

#

But if you want picture and name, use the Customizations option in Configuration panel

wheat current
#

But... What if you just want some tacos?

mild veldt
#

If you want tacos, you use the Taco Bell integration

#

This isn't rocket surgery, @wheat current

wheat current
#

No coverage in Norway

nova pasture
#

i'm hungry man! don't talk about tacos ahahah

mild veldt
#

@wheat current then you'll need to create a script to use the Teleportation integration in conjunction with the Taco Bell integration to portal the tacos to the desired location

wheat current
#

Ahhh.. that might work, thanks @mild veldt!

mild veldt
#

๐Ÿ‘

nova pasture
#

ok in customization - person i assign a picphoto.jpg in the icon and as source my device_tracker.mi_6 but nothing seems changed.

#

in customization.yalm there is lines of the picphoto and the tracker

kind shellBOT
split granite
#

show us what you did ๐Ÿ˜‰

mild veldt
#

@nova pasture icon is for icons. You are using a photo, you you'll need to populate entity_picture

#

and give the proper path to it

nova pasture
split granite
#

And is that image - in that case - in /config/www/?

nova pasture
#

i've put that image in ~/.homeassistant/www/

split granite
#

And you restarted HA after you created www/

nova pasture
#

yes, i have other things in www

meager marsh
#

Maybe my question will be better suited here since it has to do with customizing lovelace. I have this line in my RAW editor custom_header: background: 'rgba(155, 155, 155, 0.25)' and would like to remove the background: customization when anything except a specific theme is selected. OR if it would be easier, to only include it when a specific theme is selected.

nova pasture
meager marsh
#

I'm having a hard time figuring out how to report the current active theme. I was able to create an input_select.theme but that only updates if I change it manually.

nova pasture
#

why when it add cards in automatic it changes my config? first i have - type : vertical now i have type: vertical and - cards

clever ore
nova pasture
#

https://imgur.com/laObufD i'm doing some progress!! now, since in panel mode i cannot have badges (little cute circles :D) i made a card with person.davide, is there a way to see other information? like battery of device?

meager marsh
#

Wow I completely missed that. Thanks! @clever ore

polar kelp
#

Here we go!

#

๐ŸŽ‰ card-tools now fully supports Home Assistant Cast

#

๐ŸŽ‰ auto-entities now fully supports Home Assistant Cast

#

๐ŸŽ‰ fold-entity-row now fully supports Home Assistant Cast

#

๐ŸŽ‰ layout-card now almost fully supports Home Assistant Cast

#

๐ŸŽ‰ state-switch now fully supports Home Assistant Cast

#

๐ŸŽ‰ browser_mod now fully supports Home Assistant Cast (sic!)

#

Everything else I tested already worked

wheat current
#

๐ŸŽ‰ @polar kelp now fully supports Home Assistant Cast

mild veldt
#

@polar kelp curious what isn't working with layout card?

polar kelp
#

Itโ€™s not working on first load.

#

If you cast one view, and then switch to one with layout-card everythingโ€™s fine. But if you start the cast with a layout-card view itโ€™s just blank.

weak flume
#

Any ideas why icons for mqtt sensors keep randomly changing?

#

could it just be browser cache?

livid oracle
#

I have set up CH and restricting views based on the user, however I am also using the swipe card, when swiping the restricted views can be accessed is this something I have perhaps done wrong?

odd light
#

what is home asssistant cast?

#

nm

#

will there ever be a way to do an iframe with an https website?

polar wadi
#

is there a way to have the lock card from the states-ui page on my normal page. i like that on the states-ui page its a lock and unlock button rather than a toggle like it is in the entities card

odd light
#

how do I add a weblink to a card?

#

it goes in an entity card but I'm doing something wrong

#

nm I found it

trim marsh
#

howdy lovelace gurus! can anyone tell me how to figure out what value is being changed by the white value slider on the light card? I know white_value seems like the obvious choice but the docs say that's a true/false. trying to reverse engineer the card so I an find the value it adjusts with that slider so I can use that value in an automation

mild veldt
#

What docs are you reading? It's a value between 0 and 255

trim marsh
#

@mild veldt I'll have to find the page I was on (think it was the Tasmota docs). just tried setting two identical bulbs via a scene with white_value: 100 and white_value: 255 and they are both identical

green raft
#

So super random question related to lovelace: when have most people started seriously working on their interfaces? I haven't bothered yet because I'm still working out architecture, flow, automations, etc. Just wondering when people have considered their setup "done" enough to finalise an interface?

mild veldt
#

@trim marsh I don't believe all bulbs actually support white value

#

@green raft I can't imagine how you'll get useful answers from that question...

livid oracle
#

Can the mini media player be styled with mod-card? I have been trying to just round the corners but no luck, my code works fine with the button-card.

green raft
#

I dunno @mild veldt. In any sort of software production situation, there comes a time to put an end to functional spec creep and start on implementation and UI. Was just wondering if there was some checkboxes I should be internally ticking before I commit to designing the UI.

mild veldt
#

No

#

Some don't even create UIs

#

There's no "right" way

fleet sparrow
#

Has anyone seen a duplicate tab content in lovelace? I added a tab the other day, and it duplicated all the contents from the tab next to it. Every entity I modify/delete/add is duplicated, but I can't seem to delete the duplicated tab. Any ideas?

wheat current
#

Check if you have it the same path

fleet sparrow
#

How do I do that?

nova pasture
#

i keep on having "Custom element doesn't exist: atomic_calendar."
i have it in my www and i have the resources listed in raw configurator

#

and why it keep messing with code?

wheat current
#

How did you define it? And did you clear your cache?

nova pasture
#

atomic_calendar.js is the custom that cause problems

wheat current
#

Restart != Clear cache

nova pasture
#

what's that? where should i put that command?

wheat current
#

Command?

#

Windows or other?

nova pasture
#

done ๐Ÿ˜›

#

i cleared firefox cache

#

btw the problem it's still there

wheat current
#

What's the first line in the js file?

half cairn
#

Does anyone know how to force an ipad to clear its browser (Chrome) cache? I tried settings, Privacy, clear browsing data and cleared cached images and files.
But my ipad is still showing an old image on one of my picture entity cards. Its showing the correct image in a incognito tab.

wheat current
#

Use incognito

nova pasture
#

@wheat current i've done it! Do you know why it keeps twisting code when i restart?

split granite
#

There's a whirlwind inside HA

wheat current
#

It's not, it's when you save

#

It sorts alphabeticaly

nova pasture
#

it's upside down kind of.. i write cards type: vertical entities and then i find cards entities type:vertical with dash on cards and not on type vertical

split granite
#

That's the way the underlying library generates the YAML

#

The automation editor does the same

nova pasture
#

it mess with my mind... after that i cannot understand how to add cards

split granite
#

You've got three choices:

  1. Pure UI
  2. Pure YAML
  3. Mix it up, and deal with it ๐Ÿ˜‰
nova pasture
#

i write in the home assistant configurator page.. is it an error? do you write directly on ui-lovelace file via vsc and when save you refresh?

split granite
#

Did you enable YAML mode?

#

I've no idea how the configurator software behaves, it's not part of Home Assistant

nova pasture
#

so you write in home assistant

split granite
#

If you're using YAML mode you only edit ui-lovelace.yaml

#

How you edit that largely doesn't matter

nova pasture
#

so i will keep it this way.. i will figure it out ๐Ÿ˜›

idle scaffold
#

Hi..! I have a command line sensor that returns a JSON state with an image URL. I would like to display this image in a picture entity card. I have my card configured like this:

aspect_ratio: 50%
entity: sensor.raid
name: Huidige foto
type: picture-entity
image: "{{ state_attr('sensor.raid', 'image') }}"

But the image isn't displaying even though the state attribute "image" is present when I check the status of the sensor. What am I doing wrong?

mild veldt
#

templates are not supported in lovelace

#

there are some custom card solutions

#

config-template-card and templater-card

idle scaffold
#

Thanks

vapid field
#

Hy everybody,
is there a good documentation for lovelace and automatisations inclusive notifications?

wheat current
#

There are none

split granite
#

Lovelace doesn't have automations...

vapid field
#

Lovelace not but automations also exists.

#

How can you manage your user interface without documentation?

split granite
#

It's not clear what you're asking about

#

There's a stack of documentation

#

It won't cover every single possible combination of things, because that's insane

vapid field
#

I am not sure how to configure the different cards and the documentation that I found is not really clear to me.

odd light
#

been there, sometimes they need more examples.

#

try to look at other people's stuff on github, it helps a lot.

split granite
#

The core cards have documentation that covers them - anybody can submit updates to make things clearer

#

Custom cards are up to the developer

mild veldt
#

Updates to make custom cards more clear are always welcome by developers as well ๐Ÿ˜‰

split granite
#

๐Ÿ˜ฎ

pseudo hearth
#

trying to get "fashionable" with home assistant and add some themes (my version Home Assistant 0.103.6 - HASS.io) but when i add themes: !include_dir_merge_list themes and reboot i get a error The following components and platforms could not be set up: themes watched a bunch of videos but im missing something

#

also i have created the themes dir in config and added the unique theme to the dir

wheat current
#

you are missing 8 chars, a new line ans 2 spaces

pseudo hearth
#

frontend:

#

frontend:
themes: !include_dir_merge_list themes

kind shellBOT
#

@pseudo hearth 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

pseudo hearth
#

this is what i have in the config.yaml

split granite
#
frontend:
  themes: ...
#

That's what you should have it indented like

wheat current
#
frontend:
themes: ...

This is wrong

pseudo hearth
#

ahhhhhhhhhhhh

#

face palm

#

rebooting now (fingers crossed) thank you!

wheat current
pseudo hearth
#

good sir, are you the main man with the master plan that created HACS?

#

way to go!!!! super easy install and completed it last night!

#

thank you for your hard work

pseudo hearth
#

''' frontend:
themes: !include_dir_merge_list themes
'''

#

dang

#

1 sec

#
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

frontend:
  themes: !include_dir_merge_list themes
#

breaks everything after reboot ๐Ÿ˜ฆ

kind shellBOT
#

Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

split granite
#

Run that

mint geode
#

Just noticed card-mod now supports report_size ๐ŸŽ‰

pseudo hearth
#

Thank you @split granite

#
  frontend: 
    - Invalid config for [frontend]: expected a dictionary for dictionary value @ data['frontend']['themes']. Got []. (See /config/configuration.yaml, line 4). Please check the docs at https://home-assistant.io/integrations/frontend/
#

bottom of the log

#
  frontend:
split granite
#

Probably the issue is with the files (or lack of) in the themes folder

pseudo hearth
#

theres just one theme file in there "midnight-remake.yaml"

wheat current
#

remove it, or move it to another location, then check it again

pseudo hearth
#

if i move it do i call it directly ?

wheat current
#

no

#

ignore it for now

#

get HA working, then fix that file

pseudo hearth
#

im back into HA and then like @split granite said im checking config then piping it to a log

hassio homeassistant check > check.log

#

@wheat current is there a way to enable themes in HACS if i didnt enable it (cause it said depreciated)

pseudo hearth
#

Ohhhhhhhhhhhhhhhhhhh were on to somthing! Command completed successfully.

#

And it WORKS!!!

#

Thank you Thank you Thank you!

trim marsh
#

@mild veldt I can control white value (I think) from the slider on the light entity card. what I'm trying to figure out is the parameter name and values are that are being passed to the light so I can replicate those values in an automation

mild veldt
#

Is it not just white_value?

livid oracle
#

Hi guys, are there any tutorials or best practises to set up 3 presentations for lovelace? Mobile, Desktop and Tablet?

odd light
#

you can make a different view for each

mild veldt
#

Too variation in people's tastes for a "best practice"

livid oracle
#

Yes I suppose thats true.... so if I have 10 views I will need to make 30

#

10 for each device

#

I was hoping I could do themes to manage positioning lol

#

Can lovelace manage all CSS functionality? So sliding menus like we do on a typical web page?

odd light
#

kinda why I still just have cards, they morph to fit every screen

livid oracle
#

Well I am trying to replicate my control4 UI, I really think they nailed the experience with the latest release, however was we know they are a closed book and super $$$$ so I have decided to replace C4 with Home Assistant, so I am just keeping the wife happy with keeping the UI close to the same.

ancient harness
#

What's the UI like?

#

My buddy works for c4, I should give him a call and touch base

feral rivet
#

hey guys, I am looking to customize my wall mounted tablet and @mild veldt has provided me a starting point using custom header. That said I want to limit a UI to either a user group or device. Is that possible? Where do I start?

junior grail
#

Hi everyone. I'm trying to customize the view of my HassIO installation. Lovelace seems to be installed by default, but how do I customize it? I tried making a ui-lovelace.yaml file but it's not working

livid oracle
#

@ancient harness I like it easy to use and quite flexible to change with favorites etc.

ancient harness
#

which, c4 or that HA link i posted?

livid oracle
#

google control4 OS3

#

C4 I was referring too

#

I am just going over yout link

#

I do like what I see in your link

placid spade
#

Hey everyone. Complete noob here. When i create a new "view" or tab in overview and start adding cards, they all are listed in a centre column and not tiled like the Home view. Is there a way to have it follow the same style of layout?

mild veldt
#

@feral rivet custom header can help with that or the visible option for views

#

@junior grail from the UI just go to the top right menu and select Configure to take control of the ui

#

@placid spade they will expand to other columns as you add more. If you want full control, checkout layout-card

placid spade
#

Thanks for the quick reply. I will check out layout card.

feral rivet
#

@mild veldt So should I create my other user accounts and then start editing the ui in each of them of can I do that from my admin account and then when they log in as the defined user they only see their UI?

ancient harness
#

for the love of god, who thought it was a good idea to put all of this in a config?

mild veldt
#

@feral rivet only admin accounts can edit the UI

feral rivet
#

got it, but will the result cascade down. will the different customization be applied only to specific users or devices? I just don't want to have people messing with items in the sidebar.

pallid needle
#

Is there an easy way to have more information pop up for a sensor when it's clicked on?
I have a rest sensor that pulls the weather advisories

#

but it just puts something like Wind advisory

#

I'd like to get all the details when I click on it

#

I was going to make a second sensor that pulls the full advisory

livid oracle
#

HI, can I use a vertical-stack-in-card with a conditional card?

ancient harness
#

huh... i rather liked the check slider light card vs this gigantic thing

polar kelp
#

@livid oracle Yes. Almost everyhting can be used with almost everything.

#

With the exception of some old custom cards, which can't wrap other custom cards... but they are few and far between nowadays

livid oracle
#

OK thats great

dense lynx
#

Are there any value mapping capabilities for the UI? For example, a sensor's state might show true or false but I want to show "on" and "off" in the UI.

livid oracle
#

I am trying to wrap the conditional card into a fold entity row and the stack in, I got the stack in working but struggling with the fold entity row and the conditional.

#

cannot read property 'split'

polar kelp
#

Getting the stack into a conditional shouldn't be a problem. It's just like any other card - indent it an extra step.

livid oracle
#

I have seen that before hmmmmmm

polar kelp
#

Getting a card into fold-entity-row is harder, because it expects a row, not a card.

livid oracle
#

ahhhhh

polar kelp
#

So you'll need to pretend it's a "custom" row, and use the lovelace-internal type, which is custom:hui-conditional-card

livid oracle
#

any example you can point me too

#

Ok let me search that

livid oracle
#

Oh thats nice... I will try this... I can use that else where too ๐Ÿ™‚

#

This goes before the fold or after it? "type: custom:hui-glance-card"

#

type: 'custom:hui-conditional' says it doesn't exist.... from reading the docs I think I got that right?

#

Got it! Needed to add card!

#

Awesome! Thanks Thomas!

#

Its like a shoe horn! LOL

polar kelp
wide juniper
#

Hello

#

Is it a easy way to reinstall HA - Hass.io ? would not boot up to be able to connect to it via web browser or app. But i can reach the foldders by the ip adress from a PC

polar kelp
wide juniper
#

thx

mild veldt
#

@dense lynx you probably just need to set the device_class

velvet bloom
#

Hey Hey folks, wonder if anyone can help me customise a badge, so it doesnt show the date, and only shows the time

mild veldt
#

@velvet bloom create a template sensor

velvet bloom
#

Thanks Ian, but how do i do that?

velvet bloom
#

I was already on this page here, but still a little unclear

polar kelp
#

Start with the second one, but read all of them. It's an awesome tool to have in your box

polar kelp
velvet bloom
#

The thing is the value returned from the ring sensor seems to be date T Time

polar kelp
velvet bloom
#

in a single value

#

"Created at"

polar kelp
#

That will be a timestamp object, so you should be able to {{ state_attr('sensor.front_door', 'created_at') | as_timestamp | timestamp_custom("%H:%M") }}
You can try it in devtools ->Template

velvet bloom
#

Sorry i dont really understand

#

could you show me using hastebin what i should be doing?

slow wave
velvet bloom
#

@polar kelp any chance you can help a bit further?

polar kelp
#

Does the template I suggested work?

velvet bloom
#

erm, i am not really clear how to create it using the snippit you sent

polar kelp
velvet bloom
#

Ah ok

#

i didnt realise thats what you meant

#

can i just remove what i have there now?

polar kelp
#

yeah

velvet bloom
#

Do i need to save it or anything?

#

just restart the server?

#

I put your code in there (removed what was there), and restarted HA, but no change

#

Oh wait i noticed you had {{ state_attr('sensor.front_door', 'created_at') | as_timestamp | timestamp_custom("%H:%M") }}

polar kelp
velvet bloom
#

When i think it should be {{ state_attr('sensor.front_door_last_activity', 'created_at') | as_timestamp | timestamp_custom("%H:%M") }}

#

The sensor name was wrong.

#

Ok happyt to move there

#

so templates on the right now shows the time....

#

well, it shows a time, its not actually now

dense lynx
mild veldt
#

Click on whatever domain you have in that list and it will show the available options

dense lynx
#

oh boy ๐Ÿ˜„ that was too easy

mild veldt
#

๐Ÿ˜œ

strong furnace
#

Hi everyone, reading about it again and again on reddit, and today in the 0.104 release notes, I tried the ios-dark-mode theme. It looks nice, but any history-graph is almost unreadable. Am I missing some extra config? I couldn't find anyone else complaining about this...

mild hornet
#

Anyone know how to see log from shell_commands executed by a script to see what happened?

kind shellBOT
alpine dagger
#

Anyone able to help with the code i posted, i'm trying to sort LG TVWebOS

#

just trying to create a little button stuff...

#

I'm really new to Home Assistant

alpine dagger
#

Or does anybody have a LG WebOSTV sample i could use?

mild veldt
#

@alpine dagger remove sequence:

#

and remove the - in front of service and unindent accordingly

#
tap_action:
  action: call-service
  service: webostv.button
  service_data:
    entity_id: media_player.lg_tv
    button: VOLUMEUP
alpine dagger
#

@mild veldt I'll have to try tonight
Son hates me messing with tele when he wants to watch cartoons

#

@mild veldt thanks

mild veldt
#

well it's just volumeup...

#

cartoons will rot his brain anyways ๐Ÿ˜œ

outer urchin
#

since they changed the groups in 104, how do i call group.all_covers now?

mild veldt
#

read the release notes

#

entity_id: all

outer urchin
#

oh, i was trying covers.all thx!

random mantle
#

Hey everyone

#

does someone here has experience with using an ipad 2 as a HA dashboard?

worldly seal
#

Hi guys! Newbie here ๐Ÿ˜ฉ I was sent here from the HACS Discord. I'm adding my first custom card to Lovelace with HACS, Weather Card (the one with animated icons). Installed plugin successfully, (I think I added it correctly ->) copied to code to the right place. Restarted Hass. UI only giving me "entity not available: weather.yourweatherentity". I've looked around without finding a solution to my problem but I know it's something silly I'm missing.

Code I pasted in lovelace:

resources:
  - url: community_plugin/weather-card/weather-card.js
    type: module

views:
  - badges: null
    cards:
      - type: custom:weather-card
        entity: weather.animatedweather
        name: animated weather
        icons: "community/weather-card/icons/"
``` Is there something simple I'm missing?
split granite
#

Is that the actual error?

#

The card says weather.animatedweather for the entity
The message says weather.yourweatherentity

worldly seal
#

sorry I changed it๐Ÿ˜‘ ! error now says: "Entity not available: weather.animatedweather"

mild veldt
#

well is it?

wheat current
#

Is it?

split granite
#

Does that entity exist in devtools -> States?

wheat current
#

Does it?

mild veldt
#

Does that?

#

...amazingly helpful...

alpine dagger
#

@mild veldt , didn't work T_T

#
cards:
  - entity: media_player.lg_tv
    icon: 'mdi:volume-plus'
    tap_action:
      action: call-service
      service: webostv.button
      service_data:
        entity_id: media_player.lg_tv
        button: VOLUMEUP
    type: entity-button
type: horizontal-stack
#

Failed to call service webostv/button. Service not found

wheat current
#

Does it exist?

alpine dagger
#

oh can't post screenshot

wheat current
#

Well.. sure... If the integration works

alpine dagger
#

Generic commands and buttons

wheat current
#

and you are on 104

alpine dagger
#

first, what's 104

mild veldt
#

@alpine dagger dev tools -> services, allows you to test your service calls first

wheat current
#

Lazy writing for 0.104.0

alpine dagger
#

ah okay

#

WOW

#

that's cool!

#

so i've got media_player.volume_down

#

media_player.volume_up

balmy cave
#

Hey everyone. Apologies if this has already been asked. Just updated to 0.104.0. I previously had some groups defined (in groups.yaml) containing lights for specific rooms. After the update the icons are now enormous and not part of the groups in the UI. Any idea why? Not talking about the default groups that were removed in the update.

alpine dagger
#

what am i doing wrong with this one?:

  - entity: media_player.lg_tv
    icon: 'mdi:volume-plus'
    tap_action:
      action: call-service
      service_data:
        entity_id: media_player.lg_tv
        service: media_player.volume_up
    type: entity-button
type: horizontal-stack
mild veldt
#

@balmy cave I'm having a hard time following what you're saying

#

a picture would probably explain better

kind shellBOT
#

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

balmy cave
#

Sorry @mild veldt let me try again. I updated to 0.104.0. I previously had groups defined in groups.yaml that grouped together entities like lightbulbs for specific rooms. They showed up in a group in the UI. Now they're not in the group and are just enormous. Ok let me send you a pic.

mild veldt
#

@alpine dagger would have to know your error, first. config looks fine at a glance

#

hmm, I think paulus did remove something from the automated view...will have to check

wheat current
#

Config is missing the service

mild veldt
#

ah, yeah. move it out of service_data

alpine dagger
#

@mild veldt you're right!

#

oh and you are too @wheat current

#

thanks

balmy cave
alpine dagger
#

right so that seems easy to fiddle with now

mild veldt
balmy cave
#

Hope those images make more sense. Every single light entity became enormous and isn't in a group in the UI anymore. The actual group defined in groups.yaml does still work.

mild veldt
balmy cave
#

You referring to me on this one?

mild veldt
#

yes

balmy cave
#

Sorry, are you saying the change is by design?

mild veldt
#

I thought if in a group it ignored that logic though...

#

No, I don't think so, not if you have it in a group

#

If you had no groups defined, then yes, that is by design

balmy cave
#

Let me try to remove and then re-add the group.

#

Nope. Didn't fix it. Ahh this makes the UI almost unusable.

alpine dagger
#

So if i look into Dev Tools -> Service it gives me a list of services...

#

WebOsTV isn't there... does that mean i've not installed it correctly?

wheat current
#

Yes and no

alpine dagger
#

๐Ÿ™‚ and ๐Ÿ˜ฆ

wheat current
#

If 104, you did not do it correctly, if other, it does not exist

alpine dagger
#

Ah

#

so i'm on 1.3 !

#

103!

#

so i back up stuff, right? then upgrade?

balmy cave
mild veldt
#

@balmy cave you can also always take control and tweak it how you like

balmy cave
#

Configure UI you mean? I haven't done that yet.

#

That's a good idea. I'll file the bug report. I may end up going back to the previous version I was on since this is pretty annoying. Hopefully it's just as simple as restoring the snapshot I took before the upgrade.

alpine dagger
#

Well this is exciting new update!

worldly seal
#

@split granite I can't find any mention of animatedweather entity in devtools >states

split granite
#

There's your problem ๐Ÿ˜‰

#

Use one that exists in your setup ๐Ÿ˜‰

balmy cave
#

I'll hang out at this version for a bit to see if it can be fixed. I can't be the only one with this problem.

mild veldt
#

Likely not, but should be your push towards taking control of the UI and customizing it @balmy cave ๐Ÿ˜œ

balmy cave
#

@mild veldt Ha, I know I know. Not sure why I'm not to be honest.

mild veldt
#

do it ๐Ÿ™‚

worldly seal
#

@split granite Thanks a million! its showing now.

balmy cave
#

It's stupid but I hate doing something that has no going back.

wheat current
#

huh?

balmy cave
#

sorry, was talking to @mild veldt

wheat current
#

I know

#

You have always had the option to go back

fast lantern
#

Anyone with experience with floorplan . Canโ€™t figure out why itโ€™s not working

balmy cave
#

I didn't know you could go back actually. You're saying I can do Configure UI and then if I don't like it and do the remove (as per the link you just sent) it'll just go back to the default as it is now?

wheat current
#

yes

balmy cave
#

Well I suppose I can try that then.

#

Thanks @wheat current!

#

Hahahaha

#

I did it. They're back in a group but the enormous icons are still there. I have to delete them manually.

#

Wow this is better. Why did I wait so long to do this? ๐Ÿ™‚

urban otter
#

Hey everyone, I hope my question is alright to ask. I am trying to change the following:
secondary_info: '[[ if(binary_sensor.wyzesense_00000000.attributes.battery_level < 90, "Below", "Above") ]] the horizon'
the 'if' to something like
'[[ if(binary_sensor.wyzesense_00000000.attributes.battery_level < 90, "<b style='color:red'>[[ binary_sensor.wyzesense_00000000.attributes.battery_level ]]</b>", "Above") ]] the horizon'
where I change the codeblock to highlight it red.

#

Any tips?

hasty sparrow
#

I'm trying to get an iframe card to show up in Lovelace. This one card is in the UI Config code for a tab:

#
  • badges: []
    cards:
    - aspect_ratio: 75
    type: iframe
    url: 'https://embed.windy.com'
    icon: 'mdi:weather-windy-variant'
    panel: false
    path: weather
    title: Weather

I don't see the card. I'm using Home Assistant 0.104.0. I'm interested in guidance on what direction to take: 1) is the UI Config editor not a good idea to use? 2) Would moving to a lovelace-ui.yaml file work better? 3) Is there something wrong with the card definition?

odd light
#

just updated to 104, lovelace is gettin pretty sweet, you can do so much when you add a new entity

#

can I use the camera entity card for a camera and have it only stream when I tap on it?

mild veldt
#

@odd light camera entity card?

#

@hasty sparrow use UI editor unless you need advanced yaml features like anchors

kind shellBOT
#

@hasty sparrow 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

mild veldt
#

@urban otter try double quotes for style

odd light
#

@mild veldt there's a camera entity card?

urban otter
#

I got it to work as follows:
secondary_info: 'Battery:[[ if(binary_sensor.wyzesense_00000000.attributes.battery_level > 20, , <b style="color:red">) ]] [[ binary_sensor.wyzesense_00000000.attributes.battery_level ]]%'

mild veldt
#

@odd light no, there is not. Not in core at least.

#

You mean picture entity?

odd light
#

yeah

#

sorry that's what I meant

mild veldt
#

no worries, so yeah, you just need the tap_action to be more-info and you'll get your stream

#

which should be the default

#

so don't actually need to define it

pallid needle
#

Is there a way to specify what shows up in the popup when you tap a sensor?

#

I have a rest sensor that pulls data from the weather service

mild veldt
#

@pallid needle yes with browser_mod

pallid needle
#

and I'd like additional details when tapped

#

I'll look at that

#

thanks

#

That looks like overkill for what I'm trying to do

mild veldt
#

You want a custom popup...that's how you do it unless you create your own plugin

odd light
#

just added stream: to configuration.yaml and restarted HA, let's get some cam feeds going. ๐Ÿ˜„

mild veldt
#

Ah, assumed you had that ๐Ÿ˜œ

pallid needle
#

Yeah, I was just wondering if there was a details attribute I had missed or something

odd light
#

nah, I tried cameras when they first added support and it sucked.

#

I want to add them but only if I control when they stream so it doesn't kill my cell data when I look at HA on my phone.

#

they mention a camera platform, do I need to put something into the config yaml for that too?

#

I don't have play_stream in my services

#

is it better to pull camera streams directly from blue iris, or the cameras? ๐Ÿค”

lofty relic
#

Put them on a different page in the HA interface, should eliminate the stream issue unless you go to the camera page.

#

?

odd light
#

Well I got the cams added to love lace and working, and right now I have them in picture entity cards with the view set to auto, so they aren't streaming all the time for on my phone. But i'd love to be able to toggle between streaming and not, if I put them on another view with streaming on, I'd think they will still be streaming in the background on my phone but how would I know, if I can't see that view lol.

#

I'm sure I'm not the only one doing this, someone may chime in with a better way

#

I just noticed the picture seems to update the still shot on an interval, interesting

livid oracle
#

Is there a way to have the button card change sizes based on device? With out having seperate views?

tidal raft
#

Hey guys, im building a control panel for hass.io with a Pi 4 and a touch screen. OS suggestions?????

mild veldt
#

@tidal raft ubuntu has the best touch-friendly features IMO

tidal raft
#

even on a pi?

mild veldt
#

oh, yeah, i don't know if it has pi compatability ๐Ÿคทโ€โ™‚๏ธ

tidal raft
#

i was going to just try raspbian desktop lite

tidal raft
#

raspbian will allow GPIO access easier...right?

mild veldt
tidal raft
#

lol ok

foggy fog
#

is there an easy way to build a group of lights that i already have connected without writing a script

mild veldt
foggy fog
#

is that the only way?

mild veldt
#

it would be the easy way...

fallen badge
#

Is it just my setup or is double_tap_action triggered as a single tap on android devices?

foggy fog
#

to be clear on what i was trying to achive was setting up a card for entites

#

thats all

#

i cant believe it was so hard to figure that all out on my own

#

anyways just thought i would report back on that

#

is there an updated way to change the dark background of lovelace somewhere thsi white is killing me

split granite
#

Themes

foggy fog
#

where?

smoky depot
#

i cant believe it was so hard to figure that all out on my own
and it only gets easier from here

foggy fog
#

honestly 1 out of every 10 videos i find on this stuff proves uselful

split granite
#

Well, duh

#

HA updates ever three weeks

#

Videos never do

#

Doesn't take very long for the video to become wrong

smoky depot
#

you can get parts out guides and video but not word for word

foggy fog
#

just stuck on themes now... it never worked before so this is my 2nd attempt

#

no useful information even on that link

#

The example above defined two themes named happy and sad. For each theme you can set values for CSS variables. For a partial list of variables used by the main

#

who woudl ever use that .. not useful at all

#

bad usuage for example

split granite
#

There's a whole section in the forum for themes

#

There's a bunch available from HACS

foggy fog
#

idgaf im looking at that section

split granite
#

Grab some, play about

foggy fog
#

i dont even install that

#

like baby steps but still

#

all i run into is useless information

#

i coudl create better guides

smoky depot
#

well then it would be the same as all the others 2 months from now

split granite
#

Then create one @foggy fog

smoky depot
#

like i said, you can still use parts from these guides/videos it's just you can't take it word for word

split granite
#

Bitching about the docs isn't going to make people want to help you ๐Ÿ˜‰

foggy fog
#

just to prove my point im going to make a couple youtube videos for all the stupid things i encountered

#

and i bet i get alot of traffic

polar kelp
#

I hope youโ€™re right. Looking forward to it!

civic sedge
#

define a lot

full sand
#

What would be the "better" (smart) security cams that can be integrated into Lovelace? I don't want the stream to leave my network, so it would have to run locally.

split granite
#

#cameras-archived would be able to advise - if you provide some suggestions on budget, and where you are in the world ๐Ÿ˜‰

full sand
#

I will head over there ๐Ÿ˜‰

keen hornet
half cairn
#

Im trying to make my own theme, is there an overview somewhere that explains what is what in the frontend.yaml file?
For example, to what do 'paper-card-header-color:' or 'label-badge-background-color:' exactly relate? I've found some by looking at descriptions of other Themes, or by just changing colors, restarting HA and then check which elements in the UI changed, but Im not able to find all the items listed.

#

and it sucks to restart HA over and over

frail iron
#

any suggestion on how to include a panel to my own website that uses google oauth? i use nginx reverse proxys and cant figure out a CORS and CSP config that would work within the home assistant android app

#

or maybe is the ingress feature available for HA not just hassio?

split granite
frail iron
#

I see. I'm not even sure there's a way to do a new google oauth session inside iframe

vapid field
#

why not authenticate outside the iframe, like a popup or new window and then just callback

frail iron
#

ideally i would like it to work within the HA android app

#

ill try to use HA auth for that particular website my wife uses

#

hehe, inside the app it creates a new login window to the website though

#

maybe i should just check that the HA login cookie is set and that's it

#

not implement auth ontop of auth

sacred quarry
#

Hi guys, can someone give me a hand with my config? (https://pastebin.com/EmHtbcAL) I am trying to have the conditional card inside a fold-entity-row... it is showing but it's applying some shadowing that I am not sure how to fix (and it might be somehow a bug maybe?)

kind shellBOT
#

@sacred quarry Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.

sacred quarry
mild veldt
#

@sacred quarry you're creating an inner entities card each time

#

you'll need to just create the row

sacred quarry
#

mmmh I am not really sure I follow the concept of "row", is the row gonna replace "card:"? If so, how would I still show two cards once the "on" condition is met?

mild veldt
#

you're already in an entities card, so yes, it would apply a row. you can already do this by using the full element name like you did for the conditional card inside the entities card. but you do bring up a good point for multiple rows. as created you would have to create multiple conditionals, all of the same type, or put them in a vertical-stack of some kind. i might re-visit the PR before it is merged ๐Ÿค”

sacred quarry
#

mmmh that wouldn't help because I don't wanna include all the lights, what I am trying to do is to show some "pre-defined" colors under a light entity when this is on. I do already have it working everywhere, now I was trying to make a view for per-room lights with this option, and the only problem with my config is the "shade" (as per screenshot), the rest is actually working as expected

#

As you can see from the screenshot, it is working with the condition, those "points" are showed only when the light it's on, but all that "conditioned" part have it's own "box"

#

not sure I explained myself clearly, sorry if not

stone walrus
#

Hi, i'm trying to add a picture elements item on lovelace and I'm having a weird issue, the item is not showing after saving the configuration. I just followed the example at the bottom of this page : https://www.home-assistant.io/integrations/foscam/ and replaced the entity_id with the right one.

mild veldt
#

@stone walrus start small and not just pasting the full thing

#

like just add one element

#

you also have to have stream: setup in your configuration.yaml to see live views

stone walrus
#

already tried, with the first element, only the prerequesites, and same behaviour

#

okay, i'll check the stream setup

#

if i replace foscam integration with a generic stream integration, i guess i will lose the PTZ support?

mild veldt
#

๐Ÿคทโ€โ™‚๏ธ probably

stone walrus
#

okay so that won't help

sacred quarry
#

Just an additional screenshot to show when it becomes ugly (all those entities and the additional fold-entity-row are part of the same fold-entity-row), when no condition it's used it shows perfectly but once I add it the "shade" appears: https://imgur.com/a/cyNBsco

stone walrus
#

same issue if i use a generic stream

mild veldt
#

@sacred quarry that shade is the entities card itself. You could remove the box-shadow with card-mod, I suppose

fair hamlet
solid sage
#

Is there any way to change The open street map to a sattelite map?

mild veldt
#

@solid sage no

fair hamlet
#

Just got it working by customizing the entity. Forgot to put "" around the file spec. Now they show without having to specify them in the entity card. Thanks.

sacred quarry
#

Thanks @mild veldt , I tried without the entities card (for when I had only one card) and it actually worked, the problem is that where I do have the two cards (light and colors) it only shows the second. Unfortunately I have no idea how to remove that using card-mod... So I guess I'll wait for your "row" implementation and I'll try with that ๐Ÿ™‚

#

Oh I think I actually did it ๐Ÿ˜„

rotund thicket
polar kelp
#

There isn't really much I can do about the dynamic card size. The size is calculated on launch of the card to put it in the right spot, and if it was updated regularly it would be a terrible user experience e.g. for folding cards.

#

... when work and family allows...

wheat current
#

can browser mod do multiple things? What I was thinking will not work

rotund thicket
#

That's sad that can't be done the dynamic size thing. About the back button, I'm glad it's on the list ๐Ÿ˜€ also, the link gave 404 error. But looking at the open issues I can't find any that's related to the back button...๐Ÿ˜•

mild veldt
#

I believe that was a prompt for you to report it there

wheat current
#

re:re: back button
It happens everywhere, there are few webside I visit that actually closes it instead of navigating back

mild veldt
#

webside

#

I can imagine myself pronouncing it like that after a few ๐Ÿบ๐Ÿคฃ

wheat current
#

In norwegian we say it like "web side" or "nett side", I blame ๐Ÿบ for mixing it

polar kelp
#

What were you thinking, Ludeeus?

#

Know what. Tell me tomorrow. I'm going to bed.

#

Night!

foggy fog
#

just reinstalled and now i dont see the buttons to edit the lovellace UI

mild veldt
#

You have to take control first

foggy fog
#

i thought it was on by default what do i do?

mild veldt
#

Too right corner@menu

wild wing
#

Anyone familiar with HACS and the Custom Header Add-On? I cannot get it up and running for the life of me. I keep getting this "Component error: custom_header - Integration 'custom_header' not found." error.

livid oracle
#

Hi, I am trying to use the layout card but the UI editor seems to not allow editing on the page I have to go to the raw editor, is that how this card will work? I just used Thomas's same code so I am not doing anything but a simple test.

odd light
#

some cards have no GUI yet

#

and your only choice is to edit the raw code

livid oracle
#

@odd light Ah ok understood, I think I will just start using the yaml file it is time to make the move!

mild veldt
#

@wild wing it's not an add-on or an integration. It is a custom resource for Lovelace

sullen stream
#

I have taken control
after adding this to configuration.yaml what would I add in lovelace?

sensor:
  - platform: systemmonitor
    resources:
      - type: disk_use_percent
        arg: /home
      - type: memory_free
lucid trail
#

I'm running 0.103.4 and noticed that tap_action: toggle doesn't seem to work ... if i enable that and hold, the menu comes up and if I delete it from config, the menu pops up immediately on tap ... anyone know of this? Has something changed?

sullen stream
#

another question:

entity: switch.doorbell_chime
hold_action:
  action: more-info
show_icon: true
show_name: true
tap_action:
  action: toggle
type: entity-button

how do I make it so the doorbell rings normally....? right now it toggles high and holds... then I have to push the button to get it to be unstuck if you will.

#

@lucid trail for what it's worth this might help... I had some trouble with tap-action

          - entity: switch.shelly2_5_switch1
            name: Entry
            type: entity-button
feral rivet
#

Hey guys I want to combine these 2 Kodi items into one is that possible ```- type: custom:upcoming-media-card
entity: sensor.kodi_recently_added_tv
title: Recently Added Episodes
image_style: fanart

  • type: custom:upcoming-media-card
    entity: sensor.kodi_recently_added_movies
    title: Recently Added Movies
    image_style: fanart```
sullen stream
#
cards:
      - entities:
          - entity: light.wled
            name: Task
          - entity: switch.wled_nightlight
            name: Night Light
#

this works for multiple in Lovelace for me

feral rivet
#

thanks paul

sullen stream
#

if that helped that's great as I'm always needing help....

mild veldt
#

@feral rivet a single media-card with a combination of both sources?

feral rivet
#

yes

mild veldt
#

you could try putting them into a template sensor and combining their data?

#

is that you want tv and movies to be sorted together or you just don't want to take up the space for two cards?

feral rivet
#

Take up the space

livid oracle
#

HI, can I use a horizontal-stack inside of one row and one column in a layout card?

lucid trail
#

@sullen stream thanks, but this is an icon on a picture-entity and that one errors out, unfortunately. Is there a known issue with tap-action: toggle? it used to work but honestly I haven't messed with my UI floorplan in sometime, so I don't know what changed or if there is simply a bug. I thought it worked after migrating to HACS version of this, but not sure.

sullen stream
#

ok so what about calling a service twice?

lucid trail
#

If anyone gets bored or knows what is wrong, let me know! Here is a sample of the LL config:

 - cards:
      - elements:
          - entity: light.kitchen_lights
            style:
              left: 35%
              top: 27%
            tap_action: toggle
sullen stream
#
- entity: switch.doorbell_chime
        show_icon: true
        show_name: true
        tap_action:
          action: toggle
          - service: switch.turn_on
          - delay: 00:00:02
          - service: switch.turn_off
        type: entity-button

what's wrong with this????

mild veldt
#

@lucid trail if must have been a very long time. that is not how actions are defined

#

@sullen stream @lucid trail check the docs on actions. inside of them you have a dict

vapid field
#

@mild veldt that's what it does in the UI when you edit a card on it's own.. it flips everything around

#

Unless he typed that out himself..

mild veldt
#

I didn't say anything about order

#

@lucid trail

tap_action:
  action: toggle
lucid trail
#

jesus clipboard

sullen stream
#

Clipboard = evil

lucid trail
#

@sullen stream necessary evil tho lol

sullen stream
#

Yeah I just donโ€™t know why I canโ€™t get the two service calls to make my doorbell ringing properly

mild veldt
#

@sullen stream you also can't do multiple service calls

#

that would have to be in a script

sullen stream
#

Does my doorbell question make sense to you?

mild veldt
#

and the action would be call-service

sullen stream
#

Iโ€™m building Frankโ€™s doorbell and I have it so it rings the doorbell but I have to push the button twice and I would like it so that when I push the button it just goes ding dong

mild veldt
#

@lucid trail I don't follow what you are implying with the link to the docs?

#

@sullen stream so create a script that makes those service calls and then call that script from your button

sullen stream
#

I know itโ€™s coming, but since Iโ€™ve never written a script itโ€™s time for the docks right?

mild veldt
#

or give it a shot

#

configuration -> script editor

sullen stream
#

K

#

OK so I believe I use the wizard and made a script to turn it on and off

mild veldt
#

then your button will be

entity: script.doorbell_chime
tap_action:
  action: call-service
  service: script.turn_on
type: entity-button

assuming you name your script that

sullen stream
#

attempting

#

Entity not available: script.Ring_that_doorbell

#
- entity: script.Ring_that_doorbell
        show_icon: true
        show_name: true
        tap_action:
          action: call-service
          service: script.turn_on
        type: entity-button
#

what did I screw up?

mild veldt
#

developer tools -> states
is that the name of your script for sure?

lucid trail
#

@mild veldt thanks - i knew i was missing something and found that at the same time you answered. Appreciate it!

feral rivet
#

@mild veldt ```type: 'custom:swipe-card'
cards:

  • type: upcoming-media-card
    entity: sensor.kodi_recently_added_movies
    title: Recently Added Movies
    image_style: fanart``` can you point out the obvious error that i am failing to see. please
#

I have a feeling it's the second card type , but how do I get it to show the upcoming media without adding the second card type?

mild veldt
#

custom prefix

#

type: custom:upcoming-media-card

#

I'm off to bed ๐Ÿ‘‹

grim compass
#

Is there a way to report some mqtt data to a lovelace card ?

grim compass
#

I mean, I could manually declare them as sensors but I am using the discovery mode and they don show in states even tho I have some automations on them

grim compass
#

Anyway, I did manually declared sensors :/

#

Also is there a way to templatize cards screation ?

#

Not asking how, but If doing it through jinja would works

grim compass
#

Again, another question. Is there a way to assume that the latest value is still the current one ?

civic sedge
#

decluttering_templates

#

idk what you mean with latest value is still the current one but most likely a template sensor in between could help

slender wraith
#

I have a webCam feed (mjpeg) in a Lovelace I would like to rotate (90deg) but I cannot using the Picture Entity Card - https://imgur.com/l95Ut7U

undone fulcrum
#

Hello all good morning

#

Need some help with hassio , setting it up in my home

#

I am trying to setup themes.

#

in my /config/ui-lovelace.yaml - I have added
frontend:
themes: !include_dir_merge_named themes

#

I have a theme directory

#

under config

#

and in themes directory - i have material_dark_green.yaml

#

not sure why themes are not loading

#

any help

tame dove
#
frontend:
  themes:

Goes in your configuration.yaml

#

Before you split your configuration, see if you can add a theme directly to the configuration.yaml. If you get that working, then you can work on splitting the config.

undone fulcrum
#

I have added that in configuration.yaml

#

restarted frontend and hassio

tame dove
#

If you go to your user profile, you donโ€™t see your theme listed in the drop-down

undone fulcrum
#

no ๐Ÿ˜ฆ

tame dove
#

Post what you have using the proper posting method for large code.

undone fulcrum
#

okay will do that

undone fulcrum
#

my configuration.yaml

#

Configure a default setup of Home Assistant (frontend, api, etc)

default_config:
frontend:
themes: !include_dir_merge_named themes

oblique rain
#

can't get exceptions to work with custom header

mild veldt
#

@undone fulcrum you list frontend twice?

woeful wren
#

Is it true that using frontend.set_theme has a different result than changing the profile in your user profile? It seems that when I use the frontend.set_theme service, that the left sidebar doesn't change color.

wheat current
#

That depends

#

frontend.set_theme will change where you have used "backend-selected", anywhere you have defined a them will be ignored

woeful wren
#

Ah, I see! Thanks ๐Ÿ˜„

woeful wren
#

Is that a Home Assistant bug or a button-card bug?

wheat current
#

looks like a misconfiguration

polar kelp
#

Yeah, lots of information missing for us to be able to answer that question.

woeful wren
#

Right ๐Ÿ˜›

#

I am triggering frontend.set_theme to go between them.

formal tide
#

the custom:fold-entity-row works for me, but the header's background is transparent, is that viable as a bug or do I have to fix it myself? https://imgur.com/a/nBsVrqW

  head:
    label: LAN
    type: section
  title: LAN
  type: 'custom:fold-entity-row'
filter:
  include:
    - attributes:
        scanner: LuciDeviceScanner
      domain: device_tracker
      state: home
type: 'custom:auto-entities' ```
polar kelp
#

From the readme:

Add this to an entities card:

#

The suffix -row in the name is meant to indicate this is not a card.

formal tide
#

ah ok ๐Ÿ˜„ thanks! I guess I'll have to write some css then

polar kelp
#

Or put it in an entities card

wheat current
#

From the readme:
Do you really expect folks to read that? ๐Ÿค”

formal tide
#

still trying to figure out how the nesting works..

paper shuttle
#

does anyone here use the lovelace animated background card to display a different background based on the weather?

polar kelp
#

I've been meaning to make a few youtube videos on the subject.

#

Could have made the first one - how to set up hass in docker for testing stuff - today, except I got man-flu and have no voice whatsoever.

amber granite
#

Is there a simple way to disable the "light" card? (i.e. the dedicated card for each lightbulb) and move back to a simple on/off switch grouped under the room card?

#

^ Just to add to this - I've got lovelace in YAML mode.

polar kelp
#

Add the light to an entities card?

#

Or what do you mean?

amber granite
#

Yes @polar kelp - exactly that. ๐Ÿ™‚

polar kelp
#

Then yes. Add it to an entities card.

#

And remove the light card

wheat current
#

using groups to manage the UI is sooo 2y ago ๐Ÿ˜›

amber granite
#

To be honest I'm not really sure what an "entities card" is or how I would manage that in the main YAML. I've got the UI managed in the "legacy" (I guess?) way of groups of rooms (i.e. group->bedroom->entities->light.bedroom_light) - is there a new way of doing this in a more lovelace native way or do I essentially just need to add a change to the group?

#

Ah, yeah - that's what I figured was going to be the case!

wheat current
mild veldt
#

@amber granite that change was reverted in 0.104.2 for auto mode users of Lovelace

amber granite
#

So I guess I need to familiarise myself with the new lovelace way of doing things and then port any setup I create back to YAML mode. Basically I run NixOS and the whole point of the distro is to do everything declaratively. As such I don't really want to move things around in the UI frontend, etc. if I can't then get that back to a config file.

mild veldt
#

@amber granite Lovelace yaml mode is not equal to yaml configuration.yaml usage

polar kelp
#

Oh. Now I get it. You're not in yaml mode at all!

wheat current
#

old school yaml mode ๐Ÿ˜›

polar kelp
#

Had me seriously confused

amber granite
#

@polar kelp Sorry, no - basically I've enabled "YAML mode" on Lovelace for the sake of it not allowing me to save config changes. ๐Ÿ™‚

polar kelp
#

But I can see why you'd call it that.

kind shellBOT
#

Help us help you. To quickly explain your environment please specify V/E/F

  • Version - Which version of Home Assistant are you running?
    Example: 0.84.3, 0.82.0, 0.85.beta.1
  • Enviroment - How are you running Home Assistant?
    Example: venv, venv-WSL, docker, hassio, native
  • Frontend: - Which kind of frontend configuration are you using?
    Example: auto, manual, yaml, legacy (not lovelace)

Examples: 0.84.3/venv/yaml

amber granite
#

Yeah, sorry - my bad!

mild veldt
#

Now I'm back to being confused as well...

wheat current
#

@amber granite if you goto devtools (devtools) -> info, at the bottom there, under Lovelace -> mode
What does it say?

amber granite
#

@mild veldt Let me clarify: I declare all of my changes in the original configuration.yaml, I have set lovelace to "mode: yaml" but I haven't actually provided it any YAML config of its own at all. The mode set was just to allow me to enforce that frontend changes cannot be made.

#

@wheat current

error /var/lib/hass/ui-lovelace.yaml not found
mode yaml

As I said - just really abusing that mode to allow me to enforce that no changes get saved.

wheat current
#

cool

amber granite
#

Anyway, it sounds like @mild veldt has provided the answer to my question anyway - if v0.104.2 reverts to the previous layout for light switches that's me 100% happy. ๐Ÿ™‚

#

Basically I just don't like the whole layout of: Here's a card per room - but also a separate card for each lightbulb. I rather like the room-based card layout. It's neat and tidy. ๐Ÿ™‚

mild veldt
#

You can always take control and make the look and feel of it exactly as you wish

undone fulcrum
#

ok I am back

#

so back to themes

#

configuration.yaml

#

frontend:
themes: !include_dir_merge_named themes

kind shellBOT
#

@undone fulcrum 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

undone fulcrum
#
  themes: !include_dir_merge_named themes
wheat current
#

.check @undone fulcrum

kind shellBOT
#

@undone fulcrum Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

undone fulcrum
#

and ui-lovelace.yaml

#
ui-lovelace.yaml
#
frontend:
  themes: !include_dir_merge_named themes
#

I also have themes directory under config

#

so not sure where and what do i need to do to get this working ๐Ÿ˜ฆ

wheat current
#

.check @undone fulcrum

kind shellBOT
#

@undone fulcrum Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

wheat current
#

and what is not working?

undone fulcrum
#

themes are not working

#

I checked my configuration and they seemed to be wrong

wheat current
#

They are working, I use them all the time

undone fulcrum
#

in my setup themes are not working

#

and need help there

wheat current
#

and they seemed to be wrong
Do tell

undone fulcrum
#

so what do I need to to make this working.

wheat current
#

@split granite I think there is a competition today, trying to get help with the least amount of information given

undone fulcrum
#

true true

#

any help direction will be great

#

any experts here ?

wheat current
#

many, but none of them have a magic crystal ball

undone fulcrum
#

of course

#

so what am I suppose to do ? wait for some one to reply or ?

dark dirge
#

nobody can help you if you don't describe what's not working

undone fulcrum
#

Themes are not working

dark dirge
#

yeah, that's not enough

undone fulcrum
#

what information do you need @dark dirge

#

I will happy to give them to you.

#

๐Ÿ™‚

dark dirge
#

what did you do, what did you expect, what didn't happen, what did happen

undone fulcrum
#

what did I do
I have configured ui-lovelace.yaml and added below entry

frontend:
  themes: !include_dir_merge_named themes

Also configured configuration.yaml and added below entry

frontend:
  themes: !include_dir_merge_named themes

I have created themes directory under config "/config/themes" and created

/config/themes/material_dark_green.yaml
#

I expected to see new themes loaded on overview on my main hassio screen

#

I hope this is clear

dark dirge
#

the first one doesn't belong there

undone fulcrum
#

so I remove frontend from ui-lovelace.yaml ?

dark dirge
#

it doesn't belong there

#

and you need to restart HA or call frontend.reload_themes