#frontend-archived

1 messages · Page 4 of 1

severe isle
#

How can I navigate to an sub dashboard? (I had checkt on the Subview box)

valid harbor
#

create a button and use the navigate action
select the subview and you should be good

severe isle
#

thanks it works

amber jewel
#

can anyone help me with that card mod word wrap thing?

winged frost
#

Is there a way to move cards that are on the dashboard into a grid card without redoing them?

amber jewel
#

just copy the code in to the grid card?

amber jewel
#

grrrr these card mod things are impossible

amber jewel
#

can not figure out how to get all the padding off the title of this either:

# 
            style: |
              ha-card {
                padding: 0px 0px 0px 0px;
                box-shadow: none;
                margin: -16px;
                background: none;
                text-shadow: 0x 0px 0px
              }
              .card-header {
                topspace: -16px;
              }```
winged frost
#

Is there a way to specify the size of a dashboard like for a tablet format?

amber jewel
#

im losing my mind

winged frost
#

aren't we all

amber jewel
#

@polar kelp I saw you helped someone else out with card-mod issues any chance you can help?

winged frost
#

I am just getting into use of the dashboards as I use 10.1" fire tablets and am struggling with layout issues as well

#

trying out mushroom but struggling

west viper
#

anyone know?

winged frost
#

if it is based on a webpage you can use a webpage card

west viper
#

But idk since It's only with ip cams

fluid basin
#

im trying to replace image: in a card but it wants a string.
the |- or >- does not work
doing this
image: {{ state_attr('media_player.living_room' , 'entity_picture') }}

sonic kettle
#

hey guys, I'm using Minimalist Lovelace Ui for my dashboard and I want a button that don't show any text/title next to it, just the icon. Is that possible in anyway and if, how?

this is my code:

- type: custom:button-card
  template: card_input_boolean
  entity: input_boolean.netflix

looks like this right now

unknown.png
fluid basin
sonic kettle
# fluid basin try adding name: ' '

already tryed things like this:

- type: custom:button-card
  template: card_input_boolean
  entity: input_boolean.youtube
  variables:
    ulm_card_input_boolean_title: ''
    ulm_card_input_boolean_name: ''
fluid basin
sonic kettle
#

seems not to work with minimalist

#

I guess I have to create my own "custom card" for this

tender river
#

Need some help.

Working with card-mod 3 and want to change the background of a button based on the HASH value in the url.

I know that the readme talks about hash

`card-mod also makes the following variables available for templates:

config - The entire configuration of the card, entity or badge - (config.entity may be of special interest)
user - The name of the currently logged in user
browser - The browser_mod deviceID of the device
hash - Whatever comes after # in the current URL`

but I can not find any other references on how to do it. I can change on states of entity or other things but I can not figure out how to get or reference the hash variable.

polar kelp
#

{{hash}}

#

color: {% if hash=="blue" %}red{% else %}green{% endif %};

lucid bronze
#

Hello, how would I multiply this by 60, I know in entities it reads in hour in a readable format however in my mini graph it doesn;t so I want to multiply by 60 so it reads minutes - https://hastebin.com/apuqureveh.yaml

gloomy iris
#

Hello everyone
I deleted a few scripts from my setup but now I am still seeing them in a dashboard that uses auto-entities.
The are shown greyed out and cannot be triggered. They are not listed under Settings - Scripts.
Has anybody experienced this before?

#

Only 4 still exist

image0.jpg
woven echo
#

Anyone use the google calendar component? I’m trying to have it so when it loads it is a list view of events, starting with today, but it always shows from the beginning of the week.

worthy willow
#

Hey. I'm using the weather entity and I've set my local language (Swedish) on HA but the entity still displays english states. Any ideas how to translate or fix?

#

I want it to say "It's cloudy outside" but on Swedish. But it doesnt translate the state "cloudy"

winged frost
#

is there a way to set the size of a dashboard? I am using tablets as displays but it seems to not want to use the full width of the tablet for some reason.

#

I am using the mushroom buttons inside of grids and that didn't work well at all.

winged frost
#

no suggestions for using tablets?

tender river
# polar kelp `color: {% if hash=="blue" %}red{% else %}green{% endif %};`

Thanks I knew it was simple but I couldn't get it to work.

I had tried that code already but thought it didn't work. The page needs to be refreshed after hitting the button to make the color change and I wasn't refreshing the page after each button press.

Is there a way to get it to update once the button is pressed? I am using buttons for navigation and I want to highlight the one now in use and remove the highlight from the one that we came from.

quaint snow
#

don't know if this is a frontend topic, but how is there not an MDI icon for the HACS logo?

dark dirge
#

Because it's not part of Material Design. You can use hacs:hacs

quaint snow
#

thanks RobC. Not sure why but its displaying nothing for me.

dark dirge
#

sensor.hacs already has that icon. You shouldn't need that line at all

#

I have something very similar

quaint snow
#

ah thats what it was using, but it just disappeared, so figured i'd try add it in as icon: hacs.hacs, but still no good

dark dirge
#

Clear your browser cache

#

It always happens after an update

quaint snow
#

boom

#

thanks

azure canopy
cosmic harness
#

i have this entities card but i would like it (or something similar) to show only the time like in hh:mm.
I have a template to convert the date and time values into time only.
Which card can i use to display these time.

CleanShot_2022-10-09_at_11.36.04.png
quiet tree
#

Some of my cards have an very odd amount of positions after the decimal point. I thought that there should exist a very easy config way to limit the PRESENTED number, just to learn there isn't. Found a years long debate on github how to do it.... Is that so? I can't understand why the PRESENTATION of a number can't be simply formatted in whatever the user wants to see.

vapid field
#

Hi - Any other option of Gallery card - i am meaning to display 3-4 photos from WWW folder in an autoplay (picture frame mode)

raw egret
#

any idea on how to make a card stack title pressable?

#

I was thinking a custom button card with everything transparent?

frosty seal
#

Does anyone know where the default view for each device is saved?

polar kelp
#

On the device itself. In the browsers localStorage. It's kind of like a cookie.

#

If you're asking that you probably want to check out Browser Mod 😉

undone dagger
#

Why is it that some dashboard definitions/edits end up in the .storage folder in JSON format in a file called lovelace.dashboardName rather than in the lovelace.yaml file or ui-lovelace.yaml?

dark dirge
#

Because you configured the frontend in 'storage' mode

#

Or at least one dashboard

undone dagger
#

Where would that setting be? In my configuration.yaml file, I have

lovelace:
  mode: yaml
#

In my Dashboards list, the view in question is marked as UI controlled. Where can I change that from the settings area?

dark dirge
#

Then everything is in YAML, unless you choose differently fur a dashboard

#

Probably when you create it?

undone dagger
#

When I create a new one, it starts in UI controlled. When I Take Control, it remains in UI controlled mode.
OK, I get it.

dark dirge
#

Both are still storage

undone dagger
#

How can I add a tab (called views in Lovelace) to a UI controlled dashboard? Or is this not possible.

dark dirge
#

The plus button

undone dagger
#

Ok, now I get that too.

Thanks!!

dark dirge
undone dagger
#

So, on a UI Controlled dashboard, is it possible:

  1. to have a 'active' floor plan? (Where I have clickable icons around the plan, say switches) (I have this in my yaml dashboard as a tab.)
  2. to have an iframe that displays a page like windy.com?
#

Another question:
Can I copy the YAML from a UI controlled dashboard card, and paste it into my lovelace.yaml file? (To simplify the design of my yaml dashboard.)

dark dirge
#
  1. A webpage card? I don't know, just searched
#

and yes, you can copy it out. try it

undone dagger
formal wraith
#

Are questions related to custom stuff and HACS permitted here?

dark dirge
#

this channel is for frontend things like cards, regardless of where they come from

undone dagger
dark dirge
#

Only for questions related to HACS itself

#

Most aren't

undone dagger
dark dirge
#

Or the appropriate channel here

#

Or the forum

undone dagger
#

I have a single Webcard (iframe) on a tab, yet the card is tiny and I'm unable (even after installing the card-mod 3 plug-in) to make it use the whole available space using very recent versions of FF and Opera.
How can I overcome this?

dark dirge
#

Enable panel mode

undone dagger
#

Gotcha! Cheers

scarlet osprey
#

Hey there! Any idea how can I handle a case where after HASS update I'm getting Custom element doesn't exist: horizontal-layout on second (Kiosk) device?

tough sand
#

Is there a way to template the number of columns in a glance card? Trying to keep the glance card to one row

  type: glance
  columns: >
    {{ expand(area_entities( master_bedroom ) | select('search', 'light|fan')) | reject('search', 'firmware')| map(attribute='name') | list | count }}

Isn't working for me

dark dirge
#

Most cards don't support templates. The docs will say

undone dagger
#

How do I specify the navigation_path for a navigate tap_action when I want it to display another view in a UI Controlled dashboard (In my case, I want to transition from the 2nd tab to the 3rd tab.)
Do I need to specify name and/or path on the target object in order to be able to reference it?

dark dirge
#

it's whatever is in the URL

undone dagger
#

Just worked it out.

jovial copper
#

Has anyone had any success theming state-history-charts with card mod?

# 
  card-mod-more-info2-yaml: |
    ha-more-info-info:
      $:
        ha-more-info-history:
          $:
            state-history-charts:
              $: |
                state-history-chart-line {
                  display: none !important;
                }
#

Testing the selector with the above snippet, does not seem to be working

uneven badge
#

Someone that can tell me how i get my states "hum" aand "bat" (humidity and battery) to move to the spot in the grid-template-area i defined for them??

As can be seen, they both are just placed at the bottom right... (block "9" in the grid)

UPDATE! finally found it... 3 hours of headscratching, just for that!! ("styles" was writting with capital S....)

unknown.png
polar kelp
#

@wind tulip The urls are /lovelace-<dashboardname>/<view>/. If you want a new /lovelace/<whatever> you need to add a whatever view to your default dashboard.

#

That you do by going to the dashboard, clicking dotsvertical, selecting "Edit Dashboard" and then clicking the Plus sign that shows up at the top.

tribal cove
#

hey eveyone could someone help me update this card.
i am pretty sure its the wrong preset and says call service fan/set_speed, i think now it needs to be fan/set_percentage?? i think this is due to the updates

digital lynx
undone dagger
#

On a Person card, what is the field on the RHS? Does that have something to do with presence detection?

fiery ledge
#

this must have passed before, but can we add an empty entity in a glance card somehow? https://www.home-assistant.io/dashboards/glance/ doesn't mention it, but there might be custom tricks? (use case: columns: 4, and have 2 rows, top row 3, row below 4 entities.

#

tried an empty button card against better knowledge, but this is so you understand what I am after

Schermafbeelding_2022-10-11_om_16.22.36.png
fiery ledge
silent bloom
#

I have a mail and packages card and it says things like "4 piece(s)" and "3 package(s)". Is there a way to fix this?

harsh marten
#

Trying to install the ios dark theme using HACS the manual tells me to add a line to "lovelace-ui.yaml" but I don't have a file called "lovelace-ui.yaml". Do I just create it and will HA use it? Or do I need to add it to configuration.yaml somehow too?

dark dirge
#

unless you're managing your Lovelace dashboard in YAML, those instructions aren't for you

#

what is it telling you to put there?

harsh marten
#

Well, the manual is here ( https://github.com/basnijholt/lovelace-ios-dark-mode-theme ) at the bottom of the page. I was following the "Installation" rules. So I added the frontend lines to my configuration.yaml, and next it tells me to add "background: var(--background-image)" to lovelace-ui.yaml

#

I installed the theme using HACS already, but no background is shown so I guess the background line needs to be added somewhere

dark dirge
#

or use the RAW editor:

#

it says

harsh marten
#

I'm a little lost on what this "raw editor" actually is. I don't have something called "raw editor"

dark dirge
#

you do

harsh marten
#

I need to add this line on each dashboard separately?

dark dirge
#

I guess

#

I don't use that theme

#

each dashboard is completely separate

harsh marten
#

If it is added to lovelace-ui.yaml, won't that be for all dashboards so I don't have to edit them all?

#

I'm not even sure how to do this for the Energy dashboard because it doesn't have an edit button...

dark dirge
#

no

#

are you using YAML to manage your lovelace config?

#

and again, each dashboard is completely separate regardless of what you do

#

the energy dashboard can't be edited or modified that way

harsh marten
#

So how do I make it work for the energy dashboard?

tough sand
maiden iris
polar kelp
#

There's auto-entities

tidal crater
#

Greetings.
I seem to be having an issue bypassing login.

:/

# 
homeassistant:
 auth_providers:
   - type: trusted_networks
     trusted_networks:
       - 192.168.1.0/24
     trusted_users:
       192.168.1.0/24:
         - 65127c7103b44539984f8d78ba5b6d88
     allow_bypass_login: true
#

Try as I may, this config still gives me a login prompt.

#

OH, maybe I need to restart.

#

YUP

sturdy bough
#

just noticed that google home mdi icons are no more available in Material Design.
What to replace them in HA?

formal tide
#

whats this theme? I like the glow

58c104f2ebb5a4efcf68d30353a9f50ca1c3ebb0.jpg
#

looks like the ios theme to me but does not quite fit

tidal vale
#

maybe i'm dumb but this doesn't work, could someone help me?{% if is_state('input_boolean.tesla_driving', 'on') %} mdi:road {% else %} {% if is_state('switch.herbie_charger_switch', 'off') %} mdi:parking {% else %} mdi:battery-charging {% endif %}

formal tide
#

there is some closing endif missing?

tidal vale
#

huh where

formal tide
#

your indentation is ugly, you'd see it yourself otherwise

tidal vale
# 
      mdi:road
  {% else %}
      {% if is_state('switch.herbie_charger_switch', 'off') %}
          mdi:parking
        {% else %}
            mdi:battery-charging
      {% endif %}
{% endif %}``` this doesn't work either
#

Nvm it does

#

it just didn't load

round crag
#

Hello All, need a little help in using the Decluttering-Card when installed by HACS https://github.com/custom-cards/decluttering-card
The readme shows the templates being placed in ui-lovelace.yaml; however I do not see such beast in my fresh config and the Vis-Studio editor of the /config directory.
Where have I gone wrong?

round crag
#

Ok, think I can answer my own question, just isn't clear to old Architects.... From Editing a Dashboard, select "Raw Configuration" and add the Templates Section there, Done...

solemn narwhal
formal tide
#

so when I have a picture-glance and show a live camera in this card - it takes 2-3 seconds each page load to show the feed

#

my idea would be to take the screenshot of the camera and use it as a background for the card - to work around this 2-3 second load time

#

(not exactly taking a screenshot but using the stored screenshot image in ha)

#

anyone ever done the same? do the cameras load instant for you?

#

will try with card_mod lets see if I can get this to work

queen sequoia
#

Is there a way to display graphs for the past 5 minutes? - found ApexCharts that may fulfill this requirement

slow sundial
formal tide
fallow stump
#

Hi! Quick question: I remember seeing a graph card, that was only one "unit" tall and had the text overlap the graph. Is that something, that mini-graph-card can do? If so, I may just have overlooked it in the docs.
Thanks! :)

rocky bobcat
#

Loving the new subview functionality!

fallow stump
oak lava
#

HI is anyone here familiar with custom:button-card and css?

#

I am trying to get the button name to word wrap when it's too long and can't get it to do it

grim beacon
#

card_mod:
style: |
:host {
{% if is_state(config.entity, 'locked') and is_state(input_boolean.away_switch, 'off') %}
--card-mod-icon-color: red;
{% else %}
--card-mod-icon-color: green;
{% endif %}
}

#

I guess there is just a small error in my syntax. The second is_state condition does not work.

dark dirge
#

You didn't quote the entity_id in the second is_state

grim beacon
#

@dark dirge Oh, damn! Thanks.#

spiral vale
#

Is it possible to increase the scale of a single card? So the buttons and sliders on it are scaled up?

warm bolt
#

Anyone use button card with templates in separate files? Trying to use include merge named.... But it isn't working

#

Specifically button_card_templates: !include_dir_merge_named templates/button-card/ .... but it doesn't find anythign

raw egret
#

WLED has palettes which are color combinations. You can select the palette in HA with an input_select but there's no way to preview the palette as far as I know. I'm pretty sure that information isn't forwarded to HA, so I would like to rebuild it in HA and then display it in the frontend. Any tips on achieving that?
For example the analogous palette is red and blue. I need a way to store this information in HA. Showing it in the frontend shouldn't be too bad with card-mod.

unreal owl
subtle crypt
#

Hey Peeps, I've got a dilemma... I've pretty much configured my Minimalist Lovelace setup, but am having one thing that I'm wondering if you guys can help me figure out...
I've got an LG remote setup in Home Assistant for the living room... however, I'm wondering if I can configure it as an expanded card or a pop-up...

#

I'd prefer it to show only when the TV is on... OR if I hit a button (card) and it expands and shows...

#

Any insight?

fringe bearBOT
raw egret
unreal owl
#

Can’t help you with that unfortunately

raw egret
unreal owl
#

I’m not really sure what you want to achieve. Do you’ve got a mock-up or sketch?

raw egret
#

this is what I got so far

#

top is mushroom, bottom is card-mod styled input select

#

trying to make the input select look as close to what it would look if it was built into mushroom

#

I think it looks decent, maybe I could play with the text a bit

unreal owl
#

Like what you did. Mushroom and Material 3 doesn’t really fit. You can check the outlined variant of M3.

raw egret
#

thank you

raw egret
warm cedar
#

Hopefully a really quick question I've been struggling with. Trying to use a picture-elements card to do a 3d floor plan with lights on and buttons. It all works great but tapping a button or light always shows the more-info dialog, it never does a toggle action even when using tap-action:/action: toggle. Is there any way around this ?

pine heron
#

Is it possible to make a slider with few text values ? Like off-low-normal-high ?

warm bolt
#

Is there a way to do an icon that is filled with multiple colors?.... Instead of just a single color

rigid fable
#

Sup everyone! Has anyone noticed Hass restarting when editing a LONG custom card? I have a card that has a lot of vertical and horizontal stacks (custom card in stack from hacs) and quite a bit of css for each resulting in at least 700+ lines for the card, it's the only card there but I noticed when editing for a while that Hass restarts, when not editing the card functions correctly and the system is stable... Which I find quite weird, also it lags when moving the cursor fast on the same line with the keyboard arrows, I think because it's trying to refresh the card preview everytime the cursor moves...

mild shell
#

Hi, can anyone help me please with Grid(layout card)?

velvet vale
#

I'm a bit of a newb; so a couple of questions in separate comments to allow threads:

#

Is there anyway to prevent a user from clicking a Thermostat and accessing the entity popup? The various states/presets for this thermostat aren't too understandable and I'm replacing with buttons elsewhere that call scripts

(so basically I want to remove the three dots in the top right)

#

Secondly, what's the best way to have a button that opens/closes a Conditional panel? Do I need to define a Button in HA or can that be avoided and have it all in the frontend?

shell torrent
#

I my case I want everything to be safe to click, which means I hide all stuff that I don't want guests, kids or others to see or "access". Like the keyboard shortcuts and magnifying glass (search) and basically everything where you can see or change stuff that a "consumer" doesn't need.
For that , I use https://github.com/thomasloven/lovelace-card-mod where you can do basically anything, for example hide stuff from within the more-info card per type. But it is not a smooth ride, and I need to accept that it can break at every upgrade..

velvet vale
#

tap_action doesn't seem to be supported, I'll checkout the lovelace-card-mod thanks

#

and yes I am hiding stuff for similar reasons - I think it's confusing to hit a thermostat and see this stuff, I just want them to interact with the dial and my buttons

Screenshot_2022-10-14_at_09.28.54.png
#

the Operation and Preset are not really user-understandable, for this device

#

I'm happy with CSS so that mid seems great

#

looks like I can display:none anything I dislike?

shell torrent
#

And tap_action: none is supported in entities card. Just tried it with a climate entity. But then no one can "access the control panel" from that card/entity.

grim beacon
#
  • entity: input_datetime.mail_last_delivered
    name: Mail Delivered
    card_mod:
    style: |
    :host {
    {% if is_state('input_boolean.mailbox_opened', 'on') %}
    --card-mod-icon-color: red;
    {% else %}
    {% endif %}
    }
    tap_action:
    action: call-service
    service: homeassistant.turn_off
    service_data:
    entity_id: input_boolean.mailbox_opened
#

I use this tiny snippet to turn the color of the mailbox icon of input_datetime.mail_last_delivered to red when the mail has been delivered. When I press the button, the state (input_boolean.mailbox_opened) is cleared an the color should change back to "normal", i.e., not red. The minor problem is that the color status of the icon does not refresh and stays red until I hit refresh in the browser. Any ideas how to solve this problem? My idea was to use browser_mod.refresh in some way.

velvet vale
shell torrent
#

You seem to like it clean.
With my example in Hatebin, you go from

unknown.png
haughty vine
#

Quick question:

Is it possible to create back button - button executing history.back() action to be specific

civic pumice
#

Hey sorry if this is a dumb question but the dashboard that is shown on home-assistant.io is it Dwains Dashboard?

polar kelp
#

The phone screen? No. That's all stock.

#

Heh. I just noticed that "Temperature Study" in the demo is translated to what means "A study performed on temperatures" in Swedish...

warm cedar
polar kelp
#

It's tap_action with an underscore.

warm cedar
polar kelp
#

Very common error.

#

But in general it's underscore to the left of : but dash to the right.

warm cedar
grave prairie
#

Anyone know why I can't get RTSP streams (using picture entity cards calling generic camera entity) to work properly on the android app on a Samsung A8 Tablet? I've tried firefox, chrome and edge; all exhibit the same issue. Works fine on my phone.

#

I changed the stream type, on my camera to "intellistream" which automatically changes the bitrate, and now I can view in browser no problem. Still issue within Home assistant app. I noticed in the logs I see this error "2022-10-14 10:51:45.417 ERROR (stream_worker) [homeassistant.components.stream.stream.camera.myfrontyard_com] Error from stream worker: Stream ended; no additional packets
2022-10-14 10:52:00.430 ERROR (stream_worker) [homeassistant.components.stream.stream.camera.myfrontyard_com] Error from stream worker: Error opening stream (ERRORTYPE_110, Operation timed out) rtsp://:@myfrontyard.com
2022-10-14 10:52:20.437 ERROR (stream_worker) [homeassistant.components.stream.stream.camera.myfrontyard_com] Error from stream worker: Error opening stream (ERRORTYPE_111, Connection refused) rtsp://:@myfrontyard.com"

#

and yes that URL does resolve internally, it's just a custom domain

honest moon
#

i think the frontend might be bugged. i cannot see any options with the Call Service action. not even in the HTML

#

[2419112376] Error handling message: must contain at least one of entity_id, device_id, area_id.. Got {'type': 'execute_script', 'sequence': [{'service': 'switch.turn_off', 'data': {}}], 'id': 88} (invalid_format) is an error i noticed around the same time

#

same for Scripts too

#

and Automations. blank blank blank. no errors in log or javascript console

rugged gulch
#

I have hacs set up but I'm having a problem with custom cards I think I may have some files missing in yaml any ideas

heavy silo
#

After a recent update, my primary dashboard got wiped out and replaced with an automatically managed one (which I don’t hate, but it’s definitely a mess and not what I need from a usability standpoint).

Was there something in a recent update that messed with dashboards? And is there a way to recover my old one?

nimble scaffold
#

How can I get these two sensors onto the same unit/graph?

Screenshot_20221014-205808_Home_Assistant.jpg
tidal dirge
#

only way I know of is to write a template sensor that converts the units

#

(for one of them, to the other's units)

copper heart
#

hey is there a way to add an url to a dashboard? to open an external page? I googled but can only find iframes tahts not what i want

shell torrent
#

If you only want to open a link, that should do it.

polar kelp
#

Theres a weblink row for the entities card

slow sundial
#

hey guys. trying to use the Transform option in the custom:apexcharts-card but not really familiar with the code necessary. I want to transform the entity value by subtracting another entity value from it. tried return x - hass.states['input_number.desconto_cepsa'] but probably not the right syntax. Any pointers?

idle sky
#

Is there any kind of expression language that can be used to evaluate a state for a card ?
The only example i have found are binary true/false stuff, i want to check if my sensor is reporting below a specific value and then show a card or change color on a card. but i cant like make 20 states to check for value 0-20

#

looks like maybe Config Template Card can be used for what i try to achive, ill look into that one first i guess

slow sundial
idle sky
#

were would i go to set up a binary sensor ?

slow sundial
#

you can create one in the auxiliary config

slow sundial
idle sky
#

got it working, thanks FilipeGo 🙂

dark dirge
#

hass: the full hass object (hass.states['other.entity'] to get the state object of another entity for eg.)

#

Not the state itself. You need parseFloat(hass.states['other.entity'].state), I think

slow sundial
#

transform: return x - hass.states['input_number.desconto_cepsa'].state; did the trick

#

thanks @dark dirge

dark dirge
#

I guess it automatically converts it to an int/float? I'm suspicious

grim beacon
#

I use the following snippet to change the color of the mailbox icon (which is an input_date) to red when the mail has been delivered. When I press this icon, the state (input_boolean.mailbox_opened) is cleared an the color should change back to "normal", i.e., not red. The problem is that the color status of the icon does not refresh and stays red until the browser is refreshed. Any ideas how to solve this problem? Maybe browser_mod.refresh can solve this problem, but I am not sure.

#
  • entity: input_datetime.mail_last_delivered
    name: Mail Delivered
    card_mod:
    style: |
    :host {
    {% if is_state('input_boolean.mailbox_opened', 'on') %}
    --card-mod-icon-color: red;
    {% else %}
    {% endif %}
    }
    tap_action:
    action: call-service
    service: homeassistant.turn_off
    service_data:
    entity_id: input_boolean.mailbox_opened
true vessel
#

♠question, trying to put in a "run time" using history_stats, with this: ```
sensor:

  • platform: history_stats
    name: fr_on
    entity_id: binary_sensor.running
    state: 'On'
    type: time
    start: '{{ 0 }}'
    end: '{{ now() }}' ```
    but, keep getting a "no type provided" error? (code was copy pasted from community post, maybe it's too old?)
polar kelp
#

It also may not. I don't quite remember the implementation details, but --card-mod-icon-color is a bit extra magic.

grim beacon
#

I think the main problem is that "input_boolean.mailbox_opened" is changed by tap_action and not the status of "entity: input_datetime.mail_last_delivered" and thus no automatic refresh happens.

#

If I change input_datetime.mail_last_delivered, the color changes immediately.

grim beacon
#

@polar kelp Found a solution. Thanks for the tip

polar kelp
#

What was it?

fiery ledge
#

Wasn’t there an issue on card-mod-icon and color ? Believe I had to downgrade 1 version to keep things working

grim beacon
# polar kelp What was it?

I made the following ugly hack to get it working; An automation adjusts the time of input_datetime.mail_last_delivered when input_boolean.mailbox_opened is turned off.

#

In this case, the color changes immediately from red to "unset".

frigid cave
#

Noob with a noob question here. I'm trying to save an image locally so I can use it in HA. But, I'm running a bare metal HAOS image setup, so I can't really just use the computer to drop files in a folder. Not sure if I explained that right, but if you can help please let me know. Much appreciated.

dark dirge
#

Use the samba addon

frigid cave
#

Thanks. I installed it, but no idea how to use it. The documentation is pretty empty unless I'm missing something.

frigid cave
#

I can't figure out what IP address to put in there. Nothing has worked so far

shell torrent
cosmic harness
#

is it possible to use an entity as the source for the image in a picture card or picture entity card
I want to use one of those to display the logo of the radio station i am playing.
I have a helper with the url to the local image for the station i am playing.
i was hoping that {{ states('input_text.media_now_playing') }} would change the image but that results in a missing image icon.

dark dirge
modern kernel
#

Does anyone know how to make an entity show the user the is currently logged in? For example, If bob opens home assistant, it shows person.bob entity but if jim opens HA it shows person.jim

dark dirge
#

The backend has no idea who's currently logged in. Could be many, many people at once

modern kernel
#

so I have a title card that shows this...

dark dirge
#

The frontend knows

#

You asked for an entity

modern kernel
#

I see

#

Is there anyway to use {{user}} in an entity?

dark dirge
#

No

#

Again, many people can be logged in at once

modern kernel
#

{% set time = now().hour %}
{% if (time >= 18) %}
Good Evening, {{user}}
{% elif (time >= 12) %}
Good Afternoon, {{user}}
{% elif (time >= 5) %}
Good Morning, {{user}}
{% else %}
Hello, {{user}}
{% endif %}

This in a title card is able to determine who is logged in

dark dirge
#

Again, that's a card. The frontend knows because you're rendering a card in a browser where somebody specific is logged in

#

Is that confusing?

#

For some reason, you're asking for that in an entity, which is not possible for the reasons I explained

modern kernel
#

Ah i understand
Thanks

frigid cave
# shell torrent Maybe this will help? https://www.youtube.com/watch?v=udqY2CYzYGk

Thanks I had already watched that, though. I think I'm putting in the right IP address, but I'm not sure. I go to my wifi settings and copy the "IPv4 address". Then I try adding /16 or /8 even though I'm not sure what that does. Still don't see the it as a network in my file browser. Not sure if I'm doing the IP address wrong, or if I'm doing something else wrong.

#

I actually found it the network on my mac just now. Weird that it doesn't show up on my PC which is what I need to work with. Maybe some sort of firewall setting?

pure roost
#

Is there a way to show all entities for a given device ID in a single row? Maybe using a template + multiple-entity-row?

frigid cave
#

I'm definitely no expert but seems like something you could do with custom button cards and horizontal stack

#

Anyone able to advise- is it possible to reduce the radius of a zone? Specifically Home

dark dirge
#

Create a new home zone

frigid cave
#

How?

#

Also, it seems my location isn't updating very frequently. It's been over 3 hours since last update. Is that a setting?

dark dirge
#

Create a new zone

umbral haven
#

yourserverhere/config/zone

frigid cave
#

Sorry I'm a little new. Does that mean there is a UI page? Or are you pointing me towards a page to edit YAML?

umbral haven
#

that means there's a ui page...

golden mistBOT
frigid cave
#

Yes that's where I've been, but there is no way to edit the radius of the default "Home" zone

#

I see it is possible on new/added zones

dark dirge
#

you can't edit the default zone, you need to create a new one

fiery ledge
polar kelp
#

Cache cleared?

azure canopy
#

You can change the radius of zone.home using customize

fiery ledge
#

I did, and restarted even, but apparently another clear did the trick. thx for the nudge... and now can see again it's Submit, not Update..

true jungle
#

Is there a way to deep link to a specific entity id? Can't find anything in the docs, only in the companion docs but I want to use the desktop browser

fallow flare
#

how do I make my dashboard visible on my tablet so I can see the progress, or lack there of, of how it will look?

rare junco
#

is there a way to display only the image for a binary sensor and not the text aswell?

polar kelp
#

name: " "

rare junco
#

thanks mate - that simple hey 😂

lone umbra
#

i deleted my yaml binary thresholdsensor and made a new one with the helpers. After reboot, the old one is still there. unable to remove?

rigid token
#

Is it still present in the YAML file? If so, maybe the file save failed.

lone umbra
#

no its gone. I just deleted the yaml file containing them

#

i had that before with Openwrt integration. Made a lot of new entities. Once removed, the entities stayed. Even after removing them from known_devices and reboot

shadow vessel
#

Anyone using browser mod 2 notice sequences not working properly? I'm using a pop-up with a bunch of navigate cards. I navigate then close the pop-up. I can only get this to work with autoclose set to true which is hit or miss because sometimes it closes before navigating.

https://github.com/thomasloven/hass-browser_mod/issues/457

rare junco
# polar kelp `name: " "`

Sorry mate last question, I want to use the "phone plugged in" binary sensor - I used name: " " however it still tells me the state "unplugged" - how do I remove that and just make the icon change when it's plugged in v when it's not?

polar kelp
rare junco
rare junco
violet depot
#

Hi there! Had a JS related question. I'm self hosting a https://umami.is/ instance. Think of it like a personal google analytics. The goal is to see which dashboards are being used most. Possibly track my own "events" via umami using their API to see which automations fire. I want to better understand how we're using our dashboards so that I can optimize them.
They provide a umami.js file that I'm supposed to add to my header with a specific attribute which indicates which "site" I'm tracking. I've copied the script over into my www dir, and I've modified it so that the script attribute and umami host values are hard-coded into the file. This allows me to add it as a resource in HA without needing the attributes. Testing this modified file on a httpd site works fine, so I know the script works.
In HA, I'm seeing it loading when I inspect in the browser. But it doesn't seem to be registering any window events. It works on a regular html page - I'm wondering if HA has something special going on where it unregisters events, or prevents events from being added?
Here is a redacted gist file if anyone wants to take a peek? https://gist.github.com/sstratoti/6cefeca5c78f8ae552e8a147b3ea85e5

broken marsh
#

I've set up a flex-table-card but I'm unable to mark the text in the card. Is that normal? If I do edit on the card I can mark text in the preview. But when saved it doesn't work anymore. I need to mark text to copy paste.

haughty vine
fallow flare
#

I am trying to add a dashboard but it says it must contain a - where would that go?

violet depot
#

or /www/umami.js

haughty vine
fiery ledge
#

on the config-template-card, I d like to use the following title: header: show: true title: Prijzen voor de komende ${span_hours} in (€/kwh) where the span_hours is 24h or 48h. This doesnt work however, (the whole card is not showing), while header: show: true title: ${span_hours} works just fine. Is there some setting I am missing?

silent belfry
haughty vine
#

assuming you're using standard (gui editable) dashboard

silent belfry
#

Ok so I did that and dumped the yaml stuff shown on that page at the end.

Configuration errors detected:
bad indentation of a mapping entry (2:10)

 1 | - type: entities
 2 |     title: Fans
--------------^
 3 |     show_header_toggle: false
 4 |     entities:

it starts with cards: so I tried to remove that as it said there was an error...

haughty vine
#

Try removing the cards: and list indicator - .
Just flat:

type: entities
title: Fans
show_header_toggle: false
entities:
 - entity: fan.master_bedroom_fan
   ...
silent belfry
#

ok that works but now

Configuration errors detected:
bad indentation of a mapping entry (40:21)

 37 |       customMedText: re
 38 |       customOffText: not
 39 |       width: '15px'
 40 |       height: '15px'type: ''
--------------------------^
#

Oh that needs to be on the next line

haughty vine
#

that probably was something you left in the text editor from before.
There is no "type:" at the end in the example

silent belfry
#

Auto populates that into the box and when I pasted I must have not hit ctrl a first or something removed.

#

now:
No card type found

#

Sorry thought I removed the dash but it was still there. After removing that:

Fans
Custom element doesn't exist: fan-control-entity-row.
entity: fan.master_bedroom_fan
type: custom:fan-control-entity-row
name: MBR Fan Not Custom
customTheme: false
...
haughty vine
silent belfry
#

I added through hacs

#

sorry it is called that he has three similar named modules (confusing)

#

oh wait

#

Fan Percent Button Row

haughty vine
silent belfry
#

Doing that now

#

Ok looks better

Hall Fan Presets
Entity not available: fan.hall_fan

So I replace that fan.hall_fan with my esphome entity name ifan-bedoom-001 or something like esphome.ifan-bedroom-001 ?

haughty vine
silent belfry
#

How do I find out what my entity name is both didn't work above?

haughty vine
#

(don't put name there, only ids)

silent belfry
#

Thank you for bearing with me there working now! Was called fan.master_bedroom_fan_fan

haughty vine
silent belfry
#

How would I add a generic light toggle into their example? light.master_bedroom_fan_light

#

Figured it out just added it to the webui editor part before the code editor

#

Yay!

blazing wren
#

I'm sure this is something simple, but my card is providing me with this error:

Failed to call service input_select/select_next. must contain at least one of entity_id, device_id, area_id.
This is the card:

show_name: false
show_icon: true
type: button
tap_action:
  action: call-service
  service: input_select.select_next
  target:
    entity_id: input_select.electric_blanket_time_off_options
  data: {}
show_state: true
entity: input_select.electric_blanket_time_off_options

Does anyone have any suggestions? I reconfigured it but the same error keeps popping up 🤪

haughty vine
blazing wren
#

I did, that's all working fine

#

But the frontend is showing untranslated strings for the services names, so I have a feeling something is intefering

haughty vine
#

this is expected to work.

blazing wren
#

Yup, I was hoping something obvious was wrong with the way the card was configured. But I've just installed some custom card updates and restarted and cleared the cache

#

Time to finish my pizza and debug

fallow flare
#

Anyone have any Arlo integration that can help me set it up, if it works.

blazing wren
#

Try the #integrations-archived channel and make sure to explain what problem you're having and what you've already tried 🙂

fallow flare
#

I just cant seem to pick the right channel. 🙂 go from installation, directed here, then now I am directed to integration. haha. I will get there, eventually. Thanks Rosemary!

blissful trellis
#

Hi, I observed an unexpected behavior after renaming an entity and was thinking of filing a bug. But not sure if it's a frontend or core issue. When renaming an entity ID through the UI, the states table is not updated and is left with orphan records (with the old entity ID). I think that the renaming function should either a) clean up the states table or b) (my preference), update the states rows with the new name. What should I file this bug against?

blazing wren
#

There's a WTH in the forums related to entity renaming, I'd suggest checking that for related bugs

haughty vine
#

Generally recorder history is a solid argument to develop consistent id naming scheme and sticking to it

#

(unless u like performing sql queries manually)

#

Anyway recorder purges standard states hsitory (not L.T.S.) from db periodically (after 10 days by default)
So I wouldn't worry about orphans.

spare beacon
#

for the alexa integration https://www.home-assistant.io/integrations/alexa.smart_home/#configure-the-smart-home-service-endpoint; i put up a web server on the internet to redirect port 443 to my homeassistant service on 8123. However, when I try to log into this service, it fails to log me in with the error: POST https://hidden.for.security.com/auth/token 400 (Bad Request). Looking at this in the chrome devtools shows me that the payload response is {"error":"invalid_request","error_description":"Invalid code"}. Does anyone know why I would be getting an invalid code and how I could fix it? and if it belongs in the channel frontend ?

velvet vale
#

Is there a quick way to turn off menu items, maybe per-user? Eg I haven't configured energy yet

polar kelp
#

Click and hold the Home Assistant text at the top left until the bubble pops up.

rare junco
#

how do I go about showing a custom message based on time of day ?

polar kelp
#

You can use jinja templates in a markdown card.

velvet vale
haughty vine
# velvet vale I mean to turn them off for everyone; this seems to be per-user or per-device?

Idk if there is one out-of-the-box solution.
You can only hide lovelace dashboards from settings but other panels cannot

You can technically disable them completely by removing corresponding integrations (map, energy, ect.) from configuration.yaml
And since they are a part of "default config" bulk package You would have to remove entire default_config: line
and add selectively each integration
https://www.home-assistant.io/integrations/default_config/

velvet vale
#

I'll see if there's anything in HACS, thanks

#

Aha so I can comment out energy+map in config if I'm not using

haughty vine
#

It's definitly doable better way, they can be hidden using JS
I just haven't seen the ready to use code

velvet vale
#

And use user permissions for the dashboards

haughty vine
#

I have a custom button that hides and sorts sidebar items but it needs to be clicked by user

velvet vale
#

yeah this is really for keeping the UI super minimal /simple

haughty vine
#

wait a minute...
doesn't Browser Mod already have an option to do that?
Browser Mod > Sidebar order will save your current order and visibility and can be applied as default for all users
however this will be "pernament" change as the order is re-applied each time you refresh the page
so no more customization

velvet vale
#

Browser mod? I'll look

rare junco
polar kelp
thorny verge
#

Upgraded to browser_mod 2 a while back and just getting to fixing my more-info popup-card replacements and they are not working
thinking maybe I am not puting in correct place (I am in yaml mode) I put the following in ui-lovelace.yaml, but just the regular more-info pops up for device
type: custom:popup-card
entity: light.family_room_light
card:
type: entities
show_header_toggle: false
entities:
...

polar kelp
#

The popup-card needs to be in the same view as where you click.

#

What card are you using to display your light entity that doesn't support tap_action?

thorny verge
#

custom:button-card

polar kelp
#

Then you should use yaml tap_action: action: fire-dom-event instead. popup-card are for the very few exceptions.

formal tide
#

does tap_action also work on picture-glance ? last time i tried i failed

thorny verge
#

I did get it working with that, I just used to be able to replace more-info for a device, and then no matter where I called it it replaced the more-info each time

polar kelp
formal tide
polar kelp
#

Generally, avoid using popup-card.
If you use the fire-dom-event variant you tell Home Assistant. "Hey, when I click this, I want this dialog to pop up."
If you use popup card, you tell Home Assistant "Hey, when I click this, I want you to open the more-info dialog", and then you tell popup-card "Hey, when Home Assistant looks like they're about to open a more-info dialog, and you have reason to believe it's for this specific entity - I want you to forcibly stop them and do this instead. Here's a bat."

broken marsh
#

I've set up a flex-table-card but I'm unable to mark the text in the card. Is that normal? If I do edit on the card I can mark text in the preview. But when saved it doesn't work anymore. I need to mark text to copy paste.

thorny verge
#

Ok, it used to work flawlessly for me, and the 10 different times I displayed the entity in 5 different views it replaced the more-info popup
Used to have this in the ui-lovlace.yaml card
popup_cards: !include lovelace/includes/popup_cards.yaml
and in popup_cards.yaml I had all the more-info replacements for all views
If it can't work like that, and I have to put the custom:popup-card in every view, then it is not as easy anymore and I may as well use fire-dom-event if it is better
Just want to make sure

polar kelp
#

That's correct.

Why doesn't ANYTHING that used to work with Browser Mod 1.0 work with Browser Mod 2.0?
Browser Mod 2.0 has been rewritten ENTIRELY from the ground up. This allows it to be more stable and less resource intensive. At the same time I took the opportunity to rename a lot of things in ways that are more consistent with Home Assistant nomenclature.

In short, things are hopefully much easier now for new users of Browser Mod at the unfortunate cost of a one-time inconvenience for veteran expert users such as yourself.

#

Trust me, I hate breaking changes even more than you do. But sometimes that's just how it is.

thorny verge
#

No problem at all, thanks for all your work, I just wanted to make sure I wasn't just missing something.

halcyon laurel
#

I'm trying to get the Auto Entities card to include my washer when it's running, and show the remaining time (attribute remain_time of sensor sensor.washer. I can get the sensor to show up, but just with "on". What am I missing?

#

@polar kelp Thank you so much for creating the Auto Entities card -- I'm using it like crazy, but this one thing is driving me nuts -- I'm trying to get the Auto Entities card to include my washer when it's running, and show the remaining time (attribute remain_time of sensor sensor.washer. I can get the sensor to show up, but just with "on". What am I missing?

polar kelp
#

Show me what you got.

halcyon laurel
#

All that's showing me is "On" for the washer. I've read through the documentation a few times now and I'm very sorry if I missed it but I cannot figure out how to get it to pass a specific attribute.

polar kelp
halcyon laurel
#

Ahh that makes sense -- sorry, and thank you! I was able to solve it by creating a couple template sensors

rocky bobcat
#

oooh browsermod looks cool

blissful trellis
haughty vine
#

I would be very happy if I ever get unique_id() function for templates thou.

#

I really would like to bind some of my template entities to certain device entities NOT by entity_id

#

(ironically this can be done in frontend JS and in NodeRED but ofc. not in mf jinja templates. Always the weakest chain)

polar kelp
#

{{device_entities(device_id)}}

haughty vine
#

?
I'm pretty sure device_id is not the same as unique_id.
Isn't device just some generated number when device is added to registry?
As opposed to unique_id based on things like mac address or device serial number..

polar kelp
#

Ah. I see

#

You're right

frigid cave
#

Does anyone know if there's a way to put a button on mini-media-player that would act as a shortcut to "Browse Media", or better yet- "Browse Media > Spotify"?

#

@polar kelp 🙂

#

Legend

haughty vine
haughty vine
fiery ledge
#

though this info is correct (these are no longer in the system) why is this displayed at all, when the condition in this card is not met:```

  • type: conditional
    conditions:
    • entity: sensor.energieprijs_uur_24
      state_not: unknown
      row:
      type: custom:mini-graph-card
      entities:
      • entity: sensor.gemiddelde_energieprijs_morgen
        show_legend: false
        show_graph: false
      • entity: sensor.energieprijs_uur_24
      • etcetc
        but does work on :
    • entity: sensor.energieprijs_uur_24
      state: ! unknown``` ?
Schermafbeelding_2022-10-19_om_23.27.16.png
velvet vale
#

Is there a way to fix this gap under the thermostat? It's roughly:

- type: vertical-stack
  cards:
    - type: horizontal-stack
      cards:
          - type: vertical-stack
            cards:
              - type: markdown
              # [...]
              - type: button
              # [...]
          - type: thermostat
            # [...]
    - type: custom:apexcharts-card
      # [...]
Screenshot_2022-10-20_at_10.39.11.png
polar kelp
#

Try changing the horizontal-stack card to a grid.

violet depot
# violet depot Hi there! Had a JS related question. I'm self hosting a https://umami.is/ instan...

Thanks @haughty vine for the help! Wanted to follow up with this in case others are looking to do this as well. I copied and added the script into my www folder, then added the script using the "extra_module_url" in the configuration.yaml file like Kulmegil suggested. Then I had to make some adjustments to the script. First it loads into the page using import(); so the c.currentScript at the top wasn't being instanced. Therefore the if(d) at the top wasn't firing anything inside of it. So I removed that "if" and then hard coded in all the values on the line that begins with g = "data-", and also had to replace the reference to d.src.split two lines below that. Now the script is firing and I'm able to see data on which views are being hit in my home assistant instance! In addition I plan to take certain automations and log them into Umami when they fire as a "last step" through the local api that Umami has. I may do a writeup of this for the forums. I suspect this may be something others will be interested in. 🙂 Going to let it simmer for a bit and see what I get.

velvet vale
haughty vine
#

unless one of the cards specificlally refuses to stretch this should be doable with "vanilla" grid cards

velvet vale
#

lemme copy it to a new dashboard so the config's simpler + I'll share

#

Aaah icon-height was set on the button card

#

removing that seems to let it scale better

haughty vine
#

It should scale well even with icon-height set...

type: grid
columns: 2
square: false
cards:
  - type: vertical-stack # < grid can be used here as well (cols: 1, square false)
    cards:
      - <markdown_card>
      - <button_card>
  - <thermostat>
#

this is standard button or "custom:button-card" ?

velvet vale
#

Standard and tBH it's not really working as well as I thought - I'll try and come back with a much simpler reproducer

haughty vine
#

wait... ok now I see it now. Left column doesn't scalle well if it has less height then thermostat.

#

thou thermostat does scale height.
it's probably going to be tricky without resorting to using css

#
  • then it becomes quite easy to fix
#

Alternatively: I guess making sure left column is always higher then right
e.g. by making markdown and/or button card square Not a perfect solution.

normal haven
#

Hello everyone, I hope I am posting in the right channel.
I have several smart plugs using Tuya and I have integrated them into Home Assistant (excellent instructions, by the way!).
There is one tiny issue, though. Power plug devices have a "Power" entity, I have enabled it, and it displays data, but for some reason the value is multiplied by 10.
Example in the screenshot below.

unknown.png
#

As you could see, the middle bump shows a current of 2.5A (almost precisely), and power usage shows 5500+W which should be around 575W (2.5A*230V = 575W).
Is there a way to apply a division by 10 on that card, so that it displays the correct value?

lilac sundial
#

Hi there. I had problems with my HA. I made a backup, flashed a clean HS Raspberry Pi SD card, made a restore. Now all works but the Energy Dashboard is not loading if I use language German. English works. Someone with a hint?

#

P.S. Error while loading page energy. Now in any language...

#

P.P.S. Same with Media..

lilac sundial
#

Found it! Cache flush!!!!

dark dirge
#

If it's not DNS, it's your browser cache

golden mistBOT
#

@silent belfry I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
blazing wren
#

You've tried to define your icon template in the value template

silent belfry
#

So do I have to duplicate the ifs into another section to change the icons as well?

blazing wren
normal haven
golden mistBOT
#

@silent belfry I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
silent belfry
stone plover
#

I'm really new to this so apologies but I'm struggling. This code was provided as part of Teslamate integration but when the button is pressed it opens the status window of the tesla_locked sensor instead of toggling the door lock. I can see exactly why based on the top two lines but this code does show the status of the sensor on the button icon. I can't work out how to make this a button to open the door while also retaining the sensor info display

golden mistBOT
#

@stone plover I converted your message into a file since it's above 15 lines :+1:

📎 message.yaml
silent belfry
#

Picture?

spare spruce
#

anyone knows how to add a .active css on a button so i can change its background when clicked? im using the custom:state-switch, but i realised that linking the color to the state of an input.select for example would change the view on a card for every user instead of just the one that clicked on the button.

atomic glacier
#

@spare spruce with card-mod something like this works fine...

- type: button
  entity: light.corner_light
  card_mod:
    style: |
      ha-card {
        background: {% if is_state('light.corner_light','on') %} #008000 {% else %} #a9a9a9 {% endif %};
        color: {% if is_state('light.corner_light','on') %} var(--accent-color) {% else %} white {% endif %};
        font-variant: {% if is_state('light.corner_light','on') %} none {% else %} small-caps {% endif %};
      }
velvet vale
velvet vale
normal haven
#

Yes, I had mentioned I got it working 🙂
Thank you!

velvet vale
#

ah sorry didn't scroll enough

#

Is there a way in Masonry view to add a sort of ... line break?

#

make an element be the leftmost on its row

haughty vine
velvet vale
#

I've got one small element for my house's heating mode, then 6 identical cards for zones - I kinda wanted to put the house state 'at the top'

#

separate tabs doesn't seem worth it as it's just a narrow strip, if you see what I mean

haughty vine
#

hmm wait... scratch that.
leftmost column is kinda easier then rightmost. With layout break You should be able to achieve that

velvet vale
#

like it's just a Glance with 3 buttons on

#

So this sort of wrapping is fine:

Mode
Zone Zone Zone Zone
Zone Zone

but this looks a bit lame on desktop:
Mode Zone Zone Zone
Zone Zone Zone

#

maybe I should make it a Grid of the 6 elements and switch to Sidebar?

haughty vine
#

nah. if it's the leftmost col. you want - horizontal layout and it should be:
Mode <break card>
Zone Zone Zone Zone <break card>
Zone Zone <break card>

#

Horizontal layout is an option when you have Layout Card (from HACS) installed

#

edit: or just remove the second <break> and let the zone cards flow naturally depending on number of colunms:
Mode <break card>
Zone Zone Zone Zone
Zone Zone

#

edit2: oh I just realized - if you want Mode to have a whole row to itself.... then that won't work either 🫢

#

it just regulates the flow - column layouts always starts at the top

#

it's doable with Layout Card.. just more complex (stacking laoyuts) then I pointed it

velvet vale
#

I'll check out Layout Card, thank you

haughty vine
#

main layout (as one column):

type: custom:masonry-layout
layout:
  max_cols: 1
  max_width: 99999
  margin: 8px 2%
#

card2 (layout):

type: custom:layout-card
layout_type: custom:horizontal-layout
layout:
  margin: 0 -4px 0
  padding: 0
cards: # (looks nice as long as zone cards have equal height)
  - <zone1>
    ...
  - <zone6>
#

and should end with something like this (where zone columns should scale to avail. width):

molten shard
#

Is it possible to create a front end dashboard card that contains the most recently triggered automations?

haughty vine
molten shard
#

Are the custom types something that is accessible to vanilla lovelace or do I need some sort of addon?

haughty vine
#

yep

#

They are usually added from HACS "store" (https://hacs.xyz/) that makes installing/updating 3rd party integrations, thems, lovelace components easy

molten shard
#

Roger. Whats the name of the add on? Just auto-entties?

haughty vine
#

"auto-entities" it's popular so u won't miss it

manic mica
#

Afternoon Everyone..... Hope you all are well....

#

I need some help..... again......

#

Im trying to get the sonarr upcoming media plugin to work.... but im failling miserably.....

#

Installed upcoming Media card via HACS...

unknown.png
#

and tried following this for the sonarr part

spare spruce
# atomic glacier <@327215594187522052> with `card-mod` something like this works fine... ```yaml ...

Oh thank you very much for the answer my friend, but my problem is linking the background color to the state of an entity. I have some buttons for navigation only right, they dont have any entity attached, they just add a hash on the end of the url and i use that to display different cards. I was using an input.select to give it a state but then i noticed that multiple users would mess the interface for each other.

wheat current
woeful girder
#

Person card not showing up when adding it to my yaml file, dashboard is just blank....

woeful girder
#

finally getting error Custom button-card doesn't exist

woeful girder
#

Ok person card is not showing cus somehow my phone is showing "not home"

elfin latch
#

is there any way to change what shows on an area card? Like for example i have a two motion sensors in a room but one has a long cooldown and thats the one that shows on the area card id like it to be the other but I dont want to disable the other in HA

serene bridge
#

Hi there, I'm trying to add frontend modules, but everytime I do I get "since you are not using lovelace in storage mode, you neeed to manually add the resource"

#

how do I set up storage mode?

#

I googled - nothing, always about getting in yaml mode

woeful girder
#

Reinstalled everything and still getting this error:

unknown.png
lyric prairie
woeful girder
# lyric prairie How have you setup the card?

I copied the template code from the docs and just change the person.myname

  template: card_person
  entity: person.username
  variables:
    ulm_card_person_entity: person.username
    ulm_card_person_use_entity_picture: true
    ulm_card_person_icon: mdi:face-woman
    ulm_card_person_battery: sensor.battery_iphone
    ulm_card_person_eta: sensor.waze_travel_time_person
    ulm_address: sensor.s10_mike_gegeocodeerde_locatie```
#

I removed the person_eta variable

lyric prairie
#

Seems like the battery sensor does not exists

woeful girder
#

Oh maybe I need to rename it

lyric prairie
#

All those entities are examples and need to be changed to your local ones 😉

#

Or just remove the variable line if you dont need them

woeful girder
#

yup that fixed it!

#

lol im a noob ha

#

thank you so much @lyric prairie

serene bridge
#

Does anyone know how to enter storage mode for frontend? I can't find any instructions

dark dirge
#

That's the default

serene bridge
#

from my default installation I am getting the message I'm not in storage mode

#

there is no lovelace info in my configuration yaml

#

there's no lovelace yaml

dark dirge
#

The default is still storage mode, which uses nothing from your config directory

#

It's all in config/.storage and not meant to be touched

serene bridge
#

I haven't touched anything....

dark dirge
#

Ok

serene bridge
#

I've added devices that were found

#

but other than that - it's fresh

dark dirge
#

What is the problem?

serene bridge
#

when trying to add a frontend module, it says I'm not in storage mode

dark dirge
#

What does?

serene bridge
#

HACS

dark dirge
#

That seems unlikely

#

But you have to take steps to move out of storage mode, as in the link above

serene bridge
#

It's a fresh install

dark dirge
#

Ok

serene bridge
dark dirge
#

Still not clear on the problem. HACS works in both modes

serene bridge
#

the modules I try to add, don't install, they just download

dark dirge
#

Nothing useful in that screenshot

charred nebula
#

anyone help with a quick question

HAOS smaba shows I have put the weather-card.js into the following folder /config/www/weather-card/weather-card.js

but when I add the resource url with the path /config/www/weather-card/weather-card.js and then add the card manually with

type: custom:weather-card

it states it cannot find custom

am I using the correct path ?

dark dirge
#

Then add the resources that it tells you to add

serene bridge
#

I get this message when I try

#

this is my config

unknown.png
dark dirge
#

Somehow you've managed to switch to YAML mode. Or HACS is confused

dark dirge
charred nebula
#

what is the correct resource path ?

dark dirge
#

/local/weather-card/weather-card.js

serene bridge
#

I created a dashboard as part of the installation for key master, is this 2nd dashboard the problem?

dark dirge
#

Probably

serene bridge
#

does that need specifying in configuration.yaml?

dark dirge
#

If you didn't choose storage

#

No

serene bridge
#

oh...

#

is there a way to to set storage?

dark dirge
#

I don't know. I would poke around in the UI

#

You might need to recreate it

charred nebula
serene bridge
#

the dashboard?

dark dirge
#

Yes

charred nebula
dark dirge
#

Did you clear your browser cache?

charred nebula
#

yes

#

I wish the resource would check before adding the url

#

at a loss here

#

@dark dirge didnt work

#

I had to manually create the www

#

can I place the js file somewhere else ?

serene bridge
#

I think it was because of that dashboard

#

I deleted it and it seems to be downloading now.

haughty vine
#

not sure if this is the case here - just an old issue I remembered

dark dirge
charred nebula
#

ok

#

Bingo 🙂 thanks @haughty vine

serene bridge
#

hi, I'm getting "entity not available" on my dashboard when setting up key master for my front door

#

not sure how to resovle

opal garnet
serene bridge
#

ok

rare junco
#

Is there a reason mdi's only sort of work or do I need to change settings? - I have mdi's showing fine on my phone , my wife's phone is only showing a few of them and so is my computer

rigid token
#

Sometimes that happens to me and refreshing resolves the issue.

rare junco
#

Thanks mate, I'll get her to try that

#

Nope still showing the same 3 mdis 🤔

robust hawk
# rare junco Nope still showing the same 3 mdis 🤔

looks like something to do with theming to me ( I am no expert) but is your pc showing white tiles too? as it seems from spacing they are there but probably white. try using a dark theme only and see if it fixes it then your know were to start to fix it.

manic mica
wheat current
#

I do not use that

manic mica
#

Im thinking Im missing something somewhere....

#

The Sonarr Upcomming Media entitiy on its own indicates 1 upcomming episode...

unknown.png
#

if I remove the "media" i get "undefined" is not a valid JSON

#

I dont have www/custom-lovelace/ folder, but I do have /config/custom_components/ui_lovelace_minimalist/

unknown.png
rare junco
halcyon tapir
#

Hi, i added the water meter to homeassistant. Via an esp8266 i publish the meter every minute via MQTT. So far so good, Now id like to add a somewhat realtime water usage, so a graph that shows the water/minute. I found that a utility meter can show the delta since the last value, but is it just me or is the minimum delta 15 minutes?

#

i see the utility meter uses cron for this, so having it run every minute should be possible, just don't know where to change this

stone plover
manic mica
#

if u need help DM me

stone plover
bold junco
#

I have a button in my dashboard, that makes a light blink. I can't remember where I found a guide to tell me how to do it, but I don't understand why it works. Can't find where it actually says what entity should be triggered. This is the code of the button.
The scripts.yaml just contains the name of the script, and then a line with "sequence:". Can't find anything relevant in configuration.yaml.
Suggestions as to where I should be looking?

unknown.png
manic mica
#

sorry a script named good_morning2

bold junco
manic mica
#

on the sidebar, settings, Automations & Scenes. then on the top scripts?

bold junco
# manic mica

it shows a script with the name - but I cna't see anything in it that seems relevant.

unknown.png
marsh wadi
#

Hi everyone. Is is possible to change configuration of the picture card through automation? I want to change camera_view from auto to live based on another entity state

tiny furnace
#

Hi. Is it possible to import my own css to lovelace?

rare junco
#

Entity cards - I'm trying to add an entity card which is monitoring my fridge , for primary info it will show its turned on/off , however I want to add text before it e.g. "the fridge is currently" primary info , I also want to add the Watts its drawing into the entity card - how can I possibly go about this?

atomic glacier
#

@rare junco template sorta like

The temperature is {{ my_test_json.temperature }} {{ my_test_json.unit }}.
rare junco
tiny furnace
#

shouldn't this be working?

unknown.png unknown.png
golden mistBOT
#

@atomic glacier I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
rare junco
#

is there a way for a toggle to run a different script each press?
E.g. I want one press to run an open blind script and the next to close them

dark dirge
#

call a script and use a choose:

rare junco
#

as in I already have a script made up for opening and another for closing the blinds - so add a choose option to the button ?

dark dirge
#

no, to a script that you call from the button

small monolith
#

hi guys, running latest dev version...i was wondering if the line around the cards is introduced in one of the versions?

#

like to get rid of it

#

default template

fiery ledge
#

what would be the best way to show the buienradar sunchance entities, so judge the best sun day of the week? other than a plain entities card ofc, showing the percententages? tried a mini-graph-card, but thats really silly 🙂 showing historic data

# 
  - type: custom:mini-graph-card
    name: Kans op zon
    show:
      labels: true
      graph: bar
    entities:
      - sensor.buienradar_sunchance_1d
      - sensor.buienradar_sunchance_2d
      - sensor.buienradar_sunchance_3d
      - sensor.buienradar_sunchance_4d
      - sensor.buienradar_sunchance_5d
Schermafbeelding_2022-10-23_om_15.56.14.png
#

bar-card is better (not showing history, as does core history-graph obviously), but I'd like them to show a curved line graph from 1d to 5d..

Schermafbeelding_2022-10-23_om_16.04.00.png
slim steppe
#

Hey, I want to set my cover group over the tap_action in the frontend to the positon of 98. But I don't know where my exactly my error is. Is it not possible to use position under data like in the dev-tool?

            tap_action:
              action: call-service
              service: cover.set_cover_position
              data:
                entity_id: cover.cover_group
                position: 98
dark dirge
#

service_data:, not data:

slim steppe
#

ok nevermind. Need service_data: not data

dark dirge
#

I think they changed that in the last build

#

What HA version are you using?

slim steppe
dark dirge
#

You're behind

#

Docs represent the current version

crude crypt
#

I'm getting the attached error continuously. Any idea where I can start for troubleshooting? Also, I don't know how to access the location of where the error is occuring

error.JPG
karmic turtle
#

hi! I managed to integrate my alexa shopping list with home assistant. At home we use that extensively. Now I want to take it one step further and I've defined as zones the 2/3 supermarkets we visit 95% of the time so when a device tracker detects we're in one of them (with an error margin) HA displays the shopping list in the home screen. However, I want that to be per-user basis. My wife and I both have the same landing page but I only want to display that card for whoever is in the store, not to both

#

hopefully duplicating the landing page is not the only choice, there must be a way of knowing who the current user and it's location

plucky siren
#

trying to use it. but dashboard stays blank. need some help figuring out my mistake

stone plover
# manic mica if u need help DM me

I was about to hit you up for help with the sonarr add on but just managed to get it up and running. Thanks for the invite to DM if I had issues though, much appreciated.

atomic glacier
hasty anchor
#

Is it possible to change a dashboard via an action in scripts? I have a dashboard of picture cards of Playstation games with each one triggering said game on tap. My goal is to return to the main dashboard once I’ve launched the game.

wintry gull
#

Hello Everyone. Im a bit stuck on a code that used to work but now doesnt. It works on other parts of my total code but not this section and havnt been able to figure out why. During trouble shooting i put 2 markdowns. The first one shows but the second one doesnt. Anyone know why it wont load anything after stack in card? https://paste.debian.net/1258067/

stone plover
#

Does anybody use the Radarr integration for the upcoming media card? I've just set it up and although it appears to be pulling data through HA it isn't picking up digital releases which tbh is the main reason I'd want it

marble lantern
#

Hi all - can anyone point me in the right direction on how to potentially get a 3 way toggle showing in the UI? Basically I'm trying to have something that acts similarly to a toggle button, but where it has three states: Off, Light, Heavy. Any thoughts? Is that even possible?

dark dirge
#

sounds like a fan

umbral harness
marble lantern
# dark dirge sounds like a fan

It's not. 🙂 I have a mood lighting automation that is attached to Plex on my family room TV. When a movie or show plays, it dims the lights. Right now it's just on or off. But I was thinking about putting in a "light" version where the amount of dimming would be less

umbral harness
marble lantern
umbral harness
#

timestamped to the helper part

dark dirge
#

I'm just saying that it sounds similar to controlling fan speeds

#

but you're certainly welcome to explore input_select

marble lantern
#

Oh, I didn't know if there was like a fan card, and so you were gonna suggest looking at that, or something

granite lintel
#

Had no problems checking the state of a lock or cover and changing the icon color and background color, but i seem to be unable to use is_state on a switch. Is it because a switch counts as a "limited template"?

This would be on a custom mushroom light card

  style: |
    mushroom-shape-icon { 
      --icon-color: 
        {% if is_state('switch.vent_smart_plug', 'off') %}
          rgb(244,67,54) !important
        {% else %}
          red !important; 
        {% endif %} !important;
}
unknown.png
#

Full Card YAML

entity: switch.vent_smart_plug
fill_container: false
use_light_color: false
card_mod:
  style: |
    mushroom-shape-icon { 
      --icon-color: 
        {% if is_state('switch.vent_smart_plug', 'off') %}
          rgb(244,67,54) !important
        {% else %}
          red !important; 
        {% endif %} !important;

    }```
wintry gull
#

Hello Everyone. Im a bit stuck on a code that used to work but now doesnt. It works on other parts of my total code but not this section and havnt been able to figure out why. During trouble shooting i put 2 markdowns. The first one shows but the second one doesnt. Anyone know why it wont load anything after stack in card? https://paste.debian.net/1258067/

manic mica
winged frost
#

does button card have a discord?

vapid field
#

how can I change the position for different state-labels because when it changes from "on Weekday, in X days" to "today" or "tomorrow" its completly getting out of wack, i could create a png for each different state but is there an easier way ? thanks for any help

lovelace.PNG
polar kelp
#

Are you saying you don't want the text centered?

#

All elements have an implicit yaml style: transform: translate(-50%, -50%) applied to them. You can override this with your own value.

vapid field
vapid field
prime aurora
#

Hi all,
I am a new noob to this OS and wanted to automate my entire home on this platform. I started with very low configuration resources (Raspi 3, etc.), and started working with ESPHome with a few ESPs. My starting project is to have an automated water level indicator along with controlling the pump. I have started to collect the pieces. But, since I am very new to YAML-based scripting. I need a little help from you guys.

Point me out on these things:
Battery level indication for my LI-ION batteries that will go with esp8266(few NodeMCUs) with the hardware specs.
How to get the same data (sensor data, I couldn't find my sensor name in the dropdown list) on the dashboard as an entity (in a Gauge or some other kinda visual) with some DB involved?
Using the Ultrasonic Sensor for water level indication (Low budget and need for the hour can not wait for waterproof or laser-based spec) scripts with deep sleep.
Automated control of relays for the motor starters to complete the whole system.

Just guide me where I can find this appropriate stuff based on HAS OS itself or anyways that might achieve this project.

Thank you!

(Pardon if this is repeated very new to discord)#NotTryingToSpan

split granite
#

It's a custom card, you have to install it, but rather nice

golden mistBOT
#

@narrow umbra Please do not cross post. Read the channel description, post it and wait for folks to respond. Crossposting wastes people's time as they're unaware of the help you're getting elsewhere.

If you don't get any responses after an hour or more, and your message is no longer on screen, it is fine to re-post or post a link to it.

split granite
#

You asked in the right channel first time

prime aurora
#

@split granite Ohh ok, but thanks for pointing out😃

prime aurora
vapid field
#

Sorry

wintry gull
foggy viper
#

hey, I have several dashboards on the left-side column. How do I change the order of the dashboards?

sage helm
#

Click and hold on the header of the side bar to enable edit mode. You can also select your user and there is an Edit button to enable as well

foggy viper
haughty vine
#

try wrapping the swipe card into some "vanilla" HA card.
e.g. wrap it in vertical-stack or conditional card (you don't have to add any condition)

#

(overall I suspect that famous cardhelper could do much better job helping to initialize custom: cards - when those are still loading. just a thought, I'm not a dev)

stuck forge
#

anyone know why the precision of my plug's power usage changed? It looks like its now tracking an extra decimal of precision but not reflected right in the sensor/Card
I am assuming should ready 26.5 and 345.4

unknown.png
wise lark
#

Good evening. I apologize, if this the wrong channel for this kind of question.
I would like to build a markdown card with a background picture. This i managed to work.
But is it possible on top to add an gauge card? I search and tried to understand the card-mod addon, but not sure if it is possible.
Example: Add the two gauge on the picture.

unknown.png
haughty vine
stuck forge
#

@haughty vine thanks for the info I changed nothing on my end and has been fine for the past year and this just started happening... looks like I can subscribe to analog input instead of electrical input like I have in the past...

unknown.png
haughty vine
wise lark
haughty vine
wise lark
#

Thx a lot. I'll check it out

left sentinel
#

Suppose I have a bunch of devices that should have dashboards that are mostly the same but with sections that are different, and I really don’t want to propagate changes manually for the things that are the same across all. Is there a way to use something akin to #include statements? And what I think might be a taller order, still be able to do the edits in the UI?

#

Actually, I think I’ve just figured out I’m looking at this wrong.

#

What I need instead is the equivalent of “#ifdef This_device_is_device1” type of thinking.

#

That seems a lot more promising.

karmic sleet
#

I've been trying to figure out a solution to a changing background image for a while and can't seem to find a way to make it work. I have a sensor the finds a random image from a wallpaper site and a script to download the new file. At first I was having it save as a specific filename but it seems I would have to reload my cache every time to change it, so instead I changed it to save by the sensor name. But now I'm struggling with how to get the sensor value into the lovelace config. Can anybody help me out? Frontend is not what I'm good at all.

deft patrol
#

I'm trying to get flex-table-card to show all entities of each of my temp sensors in a table. But it seems I can only have one entity attribute per row, which kind of defeats the purpose of having a table. Anyone know of a way to list the device and all sensor attributes on the same row?

tulip grove
#

Edit: figured this out! It doesn't appear when managing a user/profile via settings, only when adjusting one's personal profile.

Greetings all! Hoping someone has an answer to what should be simple but is stumping me...

Every guide I read mentions a 'theme' selector on the profile/user edit page... but it's not there for me (I have the latest version). Has that moved or do I perhaps need to do something else to make it show up?

I have themes working fine otherwise: can specify via the service call or in dashboard raw yaml edit.
I want to make an automation that changes theme but only for a certain user; my understanding is that this user needs to have (default) 'backend theme' selected, while others have a specific theme selected to override that... but that last part I can't do.

karmic sleet
deft patrol
rare junco
#

So I want to make a group to turn on multiple lights (and one smart switch for a light) can I add them all to the same group or will I have issues if they're not all the same entity?

polar kelp
left sentinel
#

Are the mixed groups the Old Group Style?

#

(I found that switch-as-x setting and I really liked the interface for it.)

polar kelp
#

Yes. The old groups are the only that allow different entity types in one group

left sentinel
#

Right, and presumably the Old Groups will eventually be deprecated and go away, on an infinite timeline. So might as well put that off a little longer.

azure canopy
#

I don't expect that to happen any time soon, as there is no alternative for dynamic creation of groups with the new groups (using eg group.set)

tacit cave
#

there will be backlash if they remove groups. It's likely that groups will just never change

#

or the ||tagging system|| may replace the old groups

left sentinel
polar kelp
#

I absolutely hate that "feature" of google home.

  • Hey google, turn on the light
  • OK. Turning on 86 lights
azure canopy
polar kelp
#

The first time the zigbee bulbs in the bedroom turned on after a midnight power outage was the closest I've been to a divorce in ten years of marriage.

azure canopy
#

I had that with esphome lights and a router which didn't work well.. They automatically rebooted after 15 minutes without wifi, and power on state was on

#

in the master bedroom and the 2 kids rooms

tacit cave
tacit cave
#

Still can't figure out how to stop that, but it only happens once and a while.

azure canopy
azure canopy
tacit cave
#

lol

outer nebula
#

rounded corners on current dev look a bit funny (joining devices with ZHA). Doesn't look like there's an open issue for this(?)

unknown.png
left sentinel
#

Define funny? Because the nested rounded corners have the same radius number, rather thanthe two radiuses being set such that the center points are the same?

#

Or do you mean the top corners?

outer nebula
#

Yeah, I meant the top corners. The ZHA UI has a non-rounded green rectangle in the box which messes with the top corners

outer nebula
placid anvil
#

Are there any tri-state switches? I'm interested in one that can be on, off or automatic. So I can override automatic behavior momentarily.

golden mistBOT
#

@gloomy iris I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
gloomy iris
#

Hey everyone,
petro has been helping me on the forum but maybe things have shifted here (I will post the solution on forum of course).

Trying to create a list of areas for a bunch of entities (created with auto-entities).
Anybody know how to get this to work?
Tried

type: custom:auto-entities
filter:
  include:
    - entity_id: sensor.eq3*
card:
  type: entities
  entities:
    - type: custom:template-entity-row
      name: '{{ area_name(''this.entity_id'') }}'
#

and

type: custom:auto-entities
filter:
  include:
    - entity_id: sensor.eq3*
      options:
        name: '{{ area_name(''this.entity_id'') }}'
card:
  type: entities
  entities:
    - type: custom:template-entity-row

(each with and without the quotes around this.entity_id.

#

P.S.: also open for any other cards that can be used to achieve this 🙂

wheat current
#

🤦‍♂️

fiery ledge
#

cant we connect the (future) dots somehow?

gloomy iris
wheat current
#

Yes, you posted twice to “trick” our bot

gloomy iris
#

I meant no offense

polar kelp
#

typeis also an option

gloomy iris
polar kelp
#

Thank you. I love it when vague hints work.

fiery ledge
# 
    - type: custom:auto-entities
      card:
        type: entities
        title: Area name

      filter:
        include:
          - entity_id: binary_sensor.*sensor_motion
            options:
              type: custom:template-entity-row
              name: >
                {{ area_name(config.entity) }}
#

o dear, did I spill the beans now, was busy writing that and now see Thomas join in.

gloomy iris
#

No, solved it already with Thomas's hint 🙂

#

But thank you for your alternate solution.
What is the difference between using this.entity_id and config.entity?

fiery ledge
#

config.entity works 😉

gloomy iris
#

Both seem to work

type: custom:auto-entities
filter:
  include:
    - entity_id: sensor.eq3_batt*
      options:
        type: custom:template-entity-row
        name: '{{ area_name(''this.entity_id'') }}'
card:
  type: entities
#

That's why I was curious what the difference is between the two so I understand for future use cases 🙂

polar kelp
#

this.entity_id works because of auto-entities. config.entity works because of template-entity-row

fiery ledge
#

only use this.entity_id in type: custom:multiple-entity-row cards

polar kelp
#

Though only in the way you have individually used them. config.entity or "this.entity_id" will work, but "config.entity" or this.entity_id won't.

#

Pure dumb luck.

fiery ledge
#

right, the {{ area_name('this.entity_id') }} also does it, needs the quotes. I hate those...

gloomy iris
#

But I do need both auto-entities and template-entity-row to achieve my goal, correct? Or could I achieve it with just auto-entities + entities card, i.e. without the template-entity-row card?

fiery ledge
#

if you want to template the Name to area_name, you need the t-e-r card plugin. no other can do that

#

start with a single t-e-r row, and then build that into a auto-entities with config.entity or 'this.entity_id'

gloomy iris
#

Okay, then I did start out right. I just failed in that one detail.

gloomy iris
fiery ledge
polar kelp
#

I could link you to a github issue on the topic if you'd like

#

😉

fiery ledge
#

yeah, I meant custom:template-entity-row is the only custom plugin that can do that

#

always call them custom cards.... but they're obviously not. habit if speech. need to be more precise.

polar kelp
#

I know you know. It's just... a touchy subject

fiery ledge
#

hehe.

gloomy iris
#

^^

polar kelp
gloomy iris
#

Since t-e-r only works inside an entities card, is there a way to remove the icon and state from the entities card? I know I can define icon: and state: without a value, but that does not align the name to the left because it only blanks the two and does not remove them from the layout.

So could the above result (list of areas) e.g. also be achieved e.g. with auto-entities + glance card (+additional module?) somehow?

Or would I need to research if I can use config-template-card to remove the icon and state from the layout?

polar kelp
gloomy iris
polar kelp
#

Ah, yes... I was thinking you only needed the this.entity_id part, but you also need the area_name. Right

#

You could maybe use a full template filter for that then, but that's a bit more involved.

gloomy iris
#

I am essentially looking for ways to build a table where first column is area, second is temperature TRV, third is temperature in-room sensor, fourth is humidity.
I can create 2, 3 & 4 using auto-entities + glance card.
But column 1 is a struggle to get right.

image0.jpg
polar kelp
#

OK. I know Home Assistant is a home automation platform, but in cases like this I usually ask: Is it worth the trouble? Can you really not be bothered to update this one card manually every time you add a room to your house?

gloomy iris
#

Well, it probably would be much faster to do it manually, yes.
So if it cannot be achieved within reasonable effort, then I would do so.
But if it can be done and I simply have a basic syntax wrong (like I did with type t-e-r ), then I like to try and put in the work and learn more about lovelace and how to use the cooler & more versatile cards.

polar kelp
#

Good answer.

#

I'm out of ideas for now, though.

gloomy iris
#

I will continue my search tomorrow 🙂
I'm sure someone better at coding than me came up with something that I can abuse for my purpose 🙂

golden mistBOT
#

@wispy kindle I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
supple bear
#

Does anyone know how to make a custom sensors history show as a graph instead of hundreds of individual values when opened in the UI. I have an average temp sensor and its history view looks strange as it appears as a rainbow of so many values for a given time period, not a graph.

vestal aspen
vestal aspen
fiery ledge
#

And some card-mod….

#

If you want even less, then indeed use button-card, or maybe core Markdown card. The latter is great for showing text, but has less styling ease

fiery ledge
true merlin
#

im getting "Error while loading page entity" in Safari and the Home Assistant app for macOS (which is Safari based i think?)

#

i dont seem to have the issue on Chrome

#

i have emptied caches in Safari, and reset frontend cache in the app

broken marsh
gloomy iris
gloomy iris
light gull
solid granite
#

Hi guys, is there a way to include multiple directories using the !include tag? I have custom cards at multiple locations (can’t have them all at the same place because they would be gone after a update of my theme) and the !include_dir_merge_named only accepts one directory (defining it again overwrites the first one)

#

Also apologies if this is not the correct channel

vestal aspen
light gull
light gull
fiery ledge
light gull
fiery ledge
#

Yes? Using the code editor. It does not understand everything but you can copy paste these yaml lines

light gull
fiery ledge
#

Maybe I don’t get what you’re doing, but we can definitely edit the yaml in Ui mode. I’ll check your card and test it, thanks for adding this tool !

light gull
#

It uses pure JavaScript and the home assistant websocket api

fiery ledge
#

A I see. In. That case I won’t be able to run it. Not using node red.

light gull
#

I can’t figure out how to make an automation in Hassio with the same ability. I have it written as a typescript library as well though, so maybe Ill try to create an integration

fiery ledge
#

Well, for me it’s the opposite: I’ve never met a situation where the HA automation tools left me requiring something else. Can do all I need

#

So, as always: your mileage may vary 😉

mellow lichen
#

So the standard dashboard disappears when selecting another dashboard as default. Is there a way to bring back the standard one without changing default view back to it?

light gull
light gull
fiery ledge
#

using the javascript Math.round(num) method is supposed to return a 2 decimal rounded number, but it rounds to int in my card

# 
  - type: custom:button-card
    name: >
      [[[ let device_power = parseFloat(states['sensor.switches_total_device_power'].state);
          let actueel = parseFloat(states['sensor.actueel_verbruik_switches'].state);
          let patch = parseFloat(states['sensor.patchboard_zolder_actueel'].state);
          let power = Math.round(device_power + actueel - patch);
          return 'Set Switches: ' + power + ' W' ]]]```
light gull
fiery ledge
#

yes, let power = parseFloat((device_power + actueel - patch).toFixed(2)); seems to work. but it also seems to be a convoluted way to round to 2 decimals..

light gull
hollow valley
#

what this is?

unknown.png
#

how delete edges

#

or this is bug?

dark dirge
#

did you just update to the beta?

hollow valley
#

yes

#

@dark dirge

dark dirge
#

#beta discussions belong in #beta. There have already been sevearl posts about it

hollow valley
#

ok

fiery ledge
winged frost
#

Is there a good way to maximize the space usage of a fire 10 tablet?

#

It seems that the way cards are laid out makes the buttons small

karmic tendon
#

I have an integration with a bus-provider but the state shows a ISO format of date and time. If I make the deviceclass 'timestamp' then the entities card shows me "In x minutes". I however want the time in HH:MM.... does this mean I need a template sensor on top (extravcintg only HH and MM) or can I provide some formatting-statement to the card?

gloomy iris
#

Hi everyone
whilst my template table tests need weekend amount of free time, I was trying to mod one of my Apex Charts.
I wanted to add dropShadow to my lines and also dataLabels.
As it is not working as expected, I checked the docs. They are a bit confusing here and I don't know if they are telling me "wrong place" or "not supported" or don't flood apex_config.

#

I think they both should go here, but I see no results.

apex_config:
  dropShadow:
    enabled: true
    color: green
    top: 18
    left: 7
    blur: 100
    opacity: 0.5
  dataLabels:
    enabled: true
#

P.S.: It's a normal, default line chart

golden mistBOT
#

@gloomy iris I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
ivory pagoda
#

is it possible to change the font-size of the footer in a picture entity card?

spare moth
#

I'm using the multiple_entity_row custom card and have 3 sections of data. Is it possible to add a header to each section? I tried using input_text or a template sensor set to text and both look really weird.

winged frost
#

Is there a good way to maximize the space usage of a fire 10 tablet? It seems that the way cards are laid out makes the buttons small

gloomy iris
gloomy iris
#

If not, you may also want to take a look at card mod and style the buttons to you liking (although I personally find it quite tricky at the beginning).

gloomy iris
#

If you use "normal" series, then so:

    stroke_width: 1
    show:
      datalabels: true
      legend_value: false ```
#

Still have not solved dropshadow though. Even thought there are forum examples, it is not working for me.

            enabled: true
            color: green
            top: 18
            left: 7
            blur: 100
            opacity: 0.5```
Anybody know where this needs to be placed to work with in auto-entities example?
glossy idol
#

I noticed that some entities show the attributes in the info tab and some don't. I'd really like to see the attrs of my climate entities there.
Is there any specific reason for that?
Thanks!

Screenshot_20221028-104513_Home_Assistant.jpg Screenshot_20221028-104618_Home_Assistant.jpg
gloomy iris
#

Does the Info content not depend on the integration or entity type that supplies it?
E.g. climate has different Info than a battery.

I think climate is special anyway because it by default show differently in dashboards and info etc.

gloomy iris
#

Is there a way to get the area_name from config-template-card to apexcharts?

I am able to template other fields but area_name has not worked yet.
Working:
graph_span: ${states['input_select.days_back_to_show'].state+'d'}
not working:
name: ${ area_name('this.entity_id') }

polar kelp
#

No. Those are javascript "templates", not Home Assistant ones.

#

wait

# 
${ await this.hass.callApi("POST", "template", {template: `{{area_name('${this.entity_id}')}}`}) }
``` might work
#

But it's likely not to

left sentinel
#

Is there a button card that allows you to switch a main switch and also show the state of a secondary switch very small in a corner or something like that?

#

(I have an input Boolean that via some automations switches an underlying entity and I’d just like to be able to see the underlying entity at a glance, because it’s not always going to match the Boolean)

gloomy iris
polar kelp
#

Try yaml name: | ${...

#

Luckily yaml gives you access to a fourth string delimiter.

gloomy iris
#

Ah, I thought that was only needed when the code becomes too long/complex to display in one line.

polar kelp
#

You're mixing two programming- one markup- and one templating language here. If it works that'd be fantastic.

gloomy iris
#

Unfortunately, when I save it, it gets transformed to

# 
name: >
  ${ await this.hass.callApi("POST", "template", {template:
  `{{area_name('${this.entity_id}')}}`}) }
#

Not sure if that tells you anything?

polar kelp
#

Meh. That's the same thing

gloomy iris
#

Okay. Because usually when I use templating it changes it to the |

#

All those small things....

polar kelp
gloomy iris
#

My list of weekend todos related to areas is growing 🙈

polar kelp
#

You could always make your own custom card that does exactly what you want. It's not as hard as people think.

gloomy iris
polar kelp
#

Don't threaten me with a good time.

gloomy iris
#

Let's try something simple. Convert a date delta to hours, starting from now and then adding an "h" so apex knows the unit is hours.
I would have thought that this should work, but again, I thought wrongly.
graph_span: ${ (now() - input_datetime.startdate)/60/60+'h' }
Do I have to work with timestamp instead? Or something similar?

gloomy iris
#

Also incorrect
graph_span: ${ ((as_timestamp(now()) - as_timestamp(input_datetime.startdate))/60/60) +'h' }

polar kelp
#

Anything inside ${ } is javascript

odd palm
#

Is there any way to sum up entities, which shows real time data ? for example, to sum up current power consumpsion of several devices?

unknown.png
gloomy iris
# polar kelp Anything inside `${ }` is javascript

I just realized: it needs to be javascript, does it not? Otherwise apex charts will not support it because config-template-card uses javascript and apex charts does not use templating for graph_span.

gloomy iris
#

One step forward:

#

${ states['input_datetime.start_date'].state+'h' }
gives me the date plus the ending "h"

#

Now, two options:

  1. get the timestamp from input_datetime. The "timestamp" is already an attribute of the state. But state_attr['input_datetime.start_date'].timestamp is not working.
  2. directly subtract two dates. But I still have not found out how to get current datetime.
quaint nest
#

Hello! Long time Domoticz user here trying to switch. I am trying to setup a table to show some statistics using the flex table card addon. I am getting an error saying"this.cols is undefined" when I use the following code in a "manual" card. Any ideas why it isn't working?

type: custom:flex-table-card
title: Whatever
clickable: true
sort_by: state
max_rows: 5
entities:
include: sensor.sensorsensor

warm bolt
#

Getting CORS issues with frontend tools that use unpkg?.... basically its giving me an error loading the unpkg litelement etc from a bunch of js addons because the cors header is missing. Anyone seen that?

dusky jackal
#

custom button card help needed i have button set as custom areas that trigger input select cards to change other cards, i want the button ic0n to change color when active here is the relevant sections

custom.png buttons.png
gloomy iris
#

Fixed #1
states['input_datetime.start_date'].attributes.timestamp

#

Does anybody know how I can get the current time with Javascript?

wanton nimbus
cedar breach
#

Hi! How do I set two different icon colors based on my settings? https://pastebin.com/f0xEY5pc

This one will only set it to orange if off (tested it back and forth)

quaint nest
plush dune
#

Could someone give me a hand real quick...
I had to stop using google geo as i got like a $60.00 usd charge. OOF So trying to now track my peeps location with just the HA app geo. But for some reason the attribute went off on my sons phone and it screws the whole code up. Is there away to just leave it blank if not found?

    [[[
      if (states['person.g3_3'].state == 'home')
        return
      if (states['person.g3_3'].state == "Mother's")
        return
      else
        return `
            </ha-icon>${states['sensor.person_geocoded_location'].state}`
    ]]]```
vestal aspen
barren hazel
#

'''

golden mistBOT
#

@barren hazel I converted your message into a file since it's above 15 lines :+1:

📎 message.yaml
barren hazel
#

I'm trying to use markdown to make a table for the most part, but when i try to use multiline, things break.

#

I solved my own problem, nvm

warm bolt
#

Is there a way to prevent scrolling on a dashboard? Eg to scale everything such that it fits without allowing scrolling? Trying to have a grid 2x2 of cameras that I want to fill the page as much as possible without scrolling

atomic glacier
warm bolt
#

I'll give that a try tomorrow. Thanks

#

Set them to 100%? Or do I need to pull the viewport dimension

quaint nest
#

Does anybody know if I can get the flex table card addon to display statistics for a device?

modest blaze
#

ok i think this is the right place to post this, I have a crestron tablet that i'm trying to use as a wall display for home assistant; the problem is the tablet is running a quite old version of android (4 or 5 would be my best guess) and the version of webview it has wont let me get past the initializing screen for home assistant. as far as i have been able to find i'm not able to update the webview version because i can't get anywere in the android os (currently i just have a single button that opens the browser) without a vendor license from crestron, which i have no way to get

currently my best hope was possibly to see if there was a way to whitelist the ip for this device to run the older version, or see if there was a plugin or simmilar that would give me a way to control home assistant from this device (all i want to use this for is just turning on and off lights and other simple controls it doesn't need to configure settings or anything else like that

if anyone has ideas of how to do this or what to try i'm just looking for a way to make this work

terse compass
#

Hello, one question, on the top button I have an air device and when I touch the button the air is turned on because I have it configured with tap_action: action: toggle, then when I touch it it turns on, I would like the buttons below to be the same to not take up so much, that when you touch it turns on, what happens is that the tapaction does not work on that card, how could I achieve something similar?

unknown.png
golden mistBOT
#

@tidal vale I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
tidal vale
#

Okay so i have this apex chart

unknown.png
#

and i want to calculate what the colour treshholds should be here

# 
    color_threshold:
      - value: 0.1
        color: lightgreen
      - value: 0.12
        color: green
      - value: 0.14
        color: yellow
      - value: 0.16
        color: orangered
      - value: 0.18
        color: red
      - value: 0.19
        color: purple
#

So i made for each colour a template that shows this

# 
- value: {{states('sensor.purple_value')}}
  color: purple
#

but it throws me this error /// apexcharts-card version 2.0.1 /// value.series[0] is not a ChartCardSeriesExternalConfig; value.series[0].color_threshold[5] is not a ChartCardColorThreshold; value.series[0].color_threshold[5].value is not a number

#

Is there a workaround for this?

gloomy iris
tidal vale
#

That doesnt work either :(

gloomy iris
#

Put the template in the card name. Then you will either see something like object or the value. If you see the value, then the code is working. In that case maybe your threshold value is too small?
If nahe does not show the value, your code is not right yet.
What are you using? Config template? Because apex does not accept code by itself (from memory).
And if it is javascript it should be ${}

p.s.: i just do the name thing as a debug that won't break the card all together

sage vale
#

Can someone help me setup hass to be public facing?

#

seeing this error and start over does nothing

unknown.png
#

Works fine locally

unknown.png
dire cypress
#

Anyone who has an idea why this works (setting it using the dev tools)

unknown.png
#

but when using in a lovelace it doesn't

# 
        entities:
          - type: custom:slider-entity-row
            entity: input_number.ioniq5_ac_limit
            name: AC limit
          - type: custom:slider-entity-row
            entity: input_number.ioniq5_dc_limit
            name: DC limit
          - type: custom:button-card
            name: Set charging limits
            tap_action:
              action: call-service
              service: kia_uvo.set_charge_limits
              data:
                dc_limit: '{{ states(input_number.ioniq5_dc_limit) | int(0) }}'
                ac_limit: '{{ states(input_number.ioniq5_ac_limit) | int(0) }}'```
gloomy iris
dire cypress
#

it's very hard to debug, what ever I do I don't see any errors. It's just a button

#

This is the full card btw

unknown.png
gloomy iris
#

I am a compete newbie myself, but I think you are mixing/mistaking templating in HA with the Javascript you need in the card.
From button-card github:

    custom_fields:
      notification:
        - background-color: >
            [[[
              if (states['input_number.test'].state == 0)
                return "green";
              return "red";
            ]]]
# 
  states['input_number.ioniq5_ac_limit'].state
gloomy iris
dire cypress
# gloomy iris Looks cool 🙂

Thanks, still needs some tweaking. Don't like the look of the set charging limits button. Also a newbie myself, I'm just "stealing" other people cards and trying to figure it out.

Yaml is hard lol

barren hazel
#

@tidal vale try value: {{ float(states('sensor.purple_value'))}}

#

To anyone that can help, i've got a chore chart for my daughter, and we're trying to identify what chores she misses the most. I'd like to add alt text to these icons when she misses a chore. as it stands it's <ha-icon icon="mdi:alert"></ha-icon> and if i try to add... <ha-icon icon="mdi:alert" title="whatever"></ha-icon> or alt, or anything, hovering over the icon in question does not display the alt text. Basically just wanting additional text to show up if i hover over the icon.

unknown.png
left sentinel
#

Woohoo. Figured out how to make 3 buttons take up the space of one in the front end without the margins getting all buggered up.

https://imgur.com/a/MjWgNvB

Custom-layout-card type grid and then not margin 0, but -4px:

grid-template-rows: 70% auto
margin: "-4px"
padding: 0
card_margin: 0

(And a second custom grid for the two columns at bottom, same margins)

#

(The big one is force-thingy-on, the left small is “is thingy’s socket on”, and the right small one is “is thingy actually heating right now”)

dire cypress
gloomy iris
#

I know it is an absolute long shot, but to me config-template-card plus auto-entities plus card-mod are the three base components every card I build needs.
And they each add one piece of the puzzle but only the non-card card-mod is really available to all levels.

I would appreciate if the people much smater than me would take a look at my thread on the forum and maybe give some feedback to feasibility.

From the "WTH" I saw, these feature are missing for a lot of people. And the combination would make for the perfectly customizable cards.

https://community.home-assistant.io/t/how-to-combine-auto-entities-with-config-template-card-in-multi-level-approach/481789

Thank you and have a wonderful, sunny Sunday 🙂

left sentinel
#

The stock sensor card appears to have a minimum width that doesn’t suit me. Anyone happen to have suggestion for an alternative that’s similar ish?

IMG_0065.png
#

I put a Gauge card in, I guess that’ll work.

gloomy iris
#

Or use grid from layout-card to style the look? Maybe together with card-mod?

sage vale
#

That’s when I’m connecting to my external ip

barren hazel
#

Did you figure it out?

formal tide
wanton nimbus
polar shell
#

Hi, I have an entity that returns ['0x1'] or ['0x3']. What's the easiest way to change this into a string on a card please?

barren hazel
#

@wanton nimbus <font><abbr>content</abbr></font> worked, <abbr><font>content</font></abbr> did not.

#

Thanks so much for your help, working exactly as i want it to now

deep cairn
#

How do I stop a mean sensor from displaying as "Entity is non-numeric"

I use a helper sensor to track a 1 min mean of power consumption for some things, and when those things are off... the sensor displays on dashboard in an error state and it's history is unavailable to see....

Any way to stop this from happening?

#

Ideally, it would just display "0 Watts" like the Dishwasher

formal tide
#

sounds like you use a template with something like | int or |float so use | int(0) or | float(0) to overcome the unavailable state

light gull
#

@fiery ledge @vestal aspen

I re-implemented re-useable cards as a HACS frontend-only plugin. Currently in submission to be in the default repositories.

Much less setup now, just add the plugin, add the Linked Lovelace card to any dashboard, and it'll be ready to do it's thing. (Documentation in the readme 🙇)

I'd love any comments/thoughts/critiques if you have any

https://github.com/daredoes/linked-lovelace-ui

sage vale
left sentinel
#

(in general though things just Go Weird when the layout runs out of room)

#

oh, wait, I think I see what's going on with the gauge card now, when i drag the width smaller and larger. it's not that the height has a minimum, it's that the aspect ratio of the gauge and button cards are different, and because of the way I've nested the various grid layout cards, those two aren't forced to line up by the layout engine.

#

(I do see a minimum width appear eventally but that happens well after the width iof the device class I'mm working on.)

#

(I've got a standard gid in a layout-card grid in a layout card grid in a vertical stack in a layout-card grid that's a Panel, if I read the layout correctly. So you can see why things are confusing.)

#

if I use grid-template-row: auto 4000px, shouldn't the second row be ludicrously large? I wanted to say 40px, but I didnt'see anything happen so then I tried 400 and then 4000, but still nothing happens there.

#

oh fuck. I spotted it.

#

it's called rowS, Jasper. you nitwit.

gloomy iris
#

😁

gloomy iris
left sentinel
#

it's programming, that happens.

#

I'm gonna have to do a different approach to this whole grid thing, doing the real grid instead of just nesting various divider-uppers in different ways. I think I see how to do that but it will wait until tomorrow.

brisk horizon
#

I am prompted to delete about a thousand of these because the entities have no state. is there an efficient way to do it faster?

unknown.png
gloomy iris
robust hawk
tired wedge
#

Could anyone point me where the mistake is?
I have pihole disable button with a timer for disabling duration, but i get an error when running it.
Error message: Failed to call service pi_hole/disable. offset states("input_select.pihole_disable_time") should be format 'HH:MM', 'HH:MM:SS' or 'HH:MM:SS.F' for dictionary value @ data['duration']

golden mistBOT
#

@tired wedge I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
brisk horizon
pliant gull
#

I can't really find the following. I'm using mushroom as dashboard UI, but not the "easy" UI version, but the actual original version which requires everything to be done in YAML. The mushroom add on for the visual editor is lacking so much, it's not usable for me. Is there ANY way to have custom cards in a YAML file and use these in the visual editor? Maintaining dashboards in YAML is getting so much work, too much work even, this should really be easier.

fiery ledge
#

do we have a way to let Maps show the route between 2 locations? (not the last trips a person did, but actual routes upon selecting to points )

#

asking because we used Here traveltime, and in the upcoming update to 2022.10, the route entity is no more

halcyon laurel
#

Is there a reason that the default naming scheme for Lovelace dashboards doesn’t follow that of the rest of HA? Specifically — throughout HA, anything with a multiple-world title automatically gets underscores as spaces in default names. However, Lovelace dashboards get hyphens as spaces.

plain granite
#

Hello all, Trying my luck at using a !secret in a iframe url for a dashboard. I am finding conflicting results on if secrets work in lovelace Any ideas?

vapid field
#

The visuelle Editor deletes comments in the yaml. Is ther a way to comment the Code?

dark dirge
#

you would have to move the dashboard to YAML mode

vapid field
#

I mean automations