#frontend-archived

1 messages Β· Page 187 of 1

halcyon basin
#

are you using yaml or hacs to set them up? You need to make sure you put them into resources.

digital lynx
#

so what is the right order for this. i download the code and put it in a file in the www folder. next i go to settings lovelace and add the source. reboot HA and then it should work? or do i need to do something more

#

wait i think im miss adding ```title: My awesome Lovelace config
resources:

  • url: /local/plugins/card-mod.js?v=1
    type: module
    views:```
#

to the raw config

#

mono do i need to download the complete overhaul file and put it in the www folder? there are so much files

karmic tiger
#

If you add it to your Resources via the UI, you don't have to edit the YAML too.

#

But you haven't said what the problem is, so no-one can give you the answer.

hallow mango
digital lynx
#

yes i have seen that video.

halcyon basin
#

I think the reason my lovelace pages are not loading is due to indents, but i cannot for the life of me get the indentation correct. I copied from the "view" section of my floorplan.yaml and moved them into their own view files.

hallow mango
#

no way to help if we can't see the indents πŸ€·πŸΌβ€β™€οΈ

azure hawk
#

hello I have a question, I have RPi 4 8Gb with HA
I installed HACS and had a few Button-Cards and Roku-Card installed and working
Then the other day all the cards that were working stopped working and say custom element blah blah does not exist

#

how do I go abouyt fixing?

karmic tiger
#

It's probably a browser caching issue. Ctrl+F5.

azure hawk
#

ok thanks I am rebooting everything too

halcyon basin
#

this is one of the vies giving me problems. it comes up as undefined in the label.

title: 'First Floor'
icon: 'mdi:home-floor-1'
panel: true
theme: slate
badges: []
cards:
  - type: picture-elements
    image: /local/ui/floorplan/day.png
    style: |
      ha-card {
        background: rgba(42, 46, 48, 1)
      }

and shows an empty layout.

azure hawk
#

thank you mono that was it

vapid field
#

I want to show a webpage on lovelace. I'm now using the iframe, but i get a scroll bar, even if I change the aspect ration. Is there any way to avoid scroll bars?

lean cove
#

Or possibly the answer below that if you read the comments

torn pasture
#

Hi Guys I'm busy setting up a Lovelace card and on the read me it states "no support in visual config yet" what is meant by visual config?

#

I can seem to find anything about it. Maybe I'm missing it I don't know

rich eagle
#

That probably means you have to configure it through YAML, since there is no visual editor support for it.

#

Is it a custom card or one from HA?

torn pasture
#

It's a custom card from Hacs for my robot vacuum

#

This might sound really new. But how do I add it through Yaml?

rich eagle
#

Start off as if you were to add a regular card, and then select at the very bottom of the card selection dialog "Manual".

torn pasture
#

Thanks though so just wasn't sure thanks I'll give it a go.

feral rivet
#

Hey guys how can i make the font in a markdown card smaller? I have tried it this way and I still have some pretty large font ```type: markdown
card_size: 5px
content: |

<center> Scenes```

mild veldt
feral rivet
#

πŸ˜• You can use this value to help it estimate the height of the card in units of 50 pixels

#

So is the instructions incorrect?

karmic tiger
#

estimate

#

If you want to control font size, learn to use CSS.

#

Bonus points if you use em or rem instead of px.

feral rivet
#

okay so I do not know css, how else can I manage the font size? If I have the font on the left, the it's perfect, but f I attempt to center it the it begins to grow.

karmic tiger
#

How else? CSS.

#

You're asking how you have absolute control. CSS is how you have absolute control.

feral rivet
#

come on man, i already acknowledged that I do not know CSS. I do not need absolute control, just want manage the size at a very simple level.

mild veldt
#

card_size is for reporting the card size to the view, it does not change anything in the card itself

feral rivet
#

got it

karmic tiger
#

Come on man. You asked for an answer and I gave you one. You don't need to give attitude, just learn a few simple things.

mild veldt
#

CSS is how you style HTML elements; simple as that. You can do it inline or you can use a custom card like mod-card

karmic tiger
#

There are two options here. You let Lovelace decide how to scale things or you learn to leverage CSS.

feral rivet
#

mono, I appreciate you helping me out and I am not not giving you an attitude. I am always willing to learn, but want to ask for options before deciding on a set path.

karmic tiger
#

You've been given your options.

pearl iron
#

hey guys

#

I have an odd thing here

#

I used letsencrypt and it says it made my pem files - but theyre not there

#

IMPORTANT NOTES:

  • Congratulations! Your certificate and chain have been saved at:
    /data/letsencrypt/live/XXXXX/fullchain.pem
#

not there

#

I am ssh'ed in

karmic tiger
pearl iron
#

yes

#

correct

karmic tiger
#

Then you're lost. This is for the UI πŸ˜‰

pearl iron
#

yeah I know you're right πŸ˜‰ I was asking in here because I wanted to secure the front end πŸ™‚

karmic tiger
#

πŸ€”

pearl iron
#

i will take it ot the OS channel

#

sorry

karmic tiger
#

No.

#

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

versed kettle
#

Anyone know of a way to make entities show up only in a specific state? I want an "invisible" card at the top of my lovelace that shows when a door, window, lock, garage door, sensor ect is open/ activated.

polar kelp
#

Entity-filter

versed kettle
#

I am currently trying to use that but it never disappears, it leaves blank spaces in the columns when everything is closed/ off.

#

vertical stack + entity filter to be exact.

polar kelp
#

Even with show_empty: false?

versed kettle
#
square: false
state_filter:
  - unlocked
card:
  type: glance
  show_state: locked
  columns: 1
show_empty: locked
entities:
  - lock.garage_lock_locked
  - lock.front_lock_locked_2
#

this is what I have in my manual card

#

when the doors are locked, there is a small area where the card is, and when they are unlocked the card expands with the relevant information

polar kelp
#

boolean as you may have seen in the documentation means the value can be true or false. Goes for show_state and show_empty.

#

And square: is not a property of the entity-filter card.

versed kettle
#

Can you ELI5? I am fairly green with this stuff.

#

Are you trying to say I should create a boolean for these items, and then use the boolean "true" or "false" ?

polar kelp
#

No, I'm saying show_state and show_empty can only be true or false. Nothing else.

#

show_state: true and show_empty: false will probably do what you want.

#

But show_state: true is default, so you could just as well remove that line.

versed kettle
#

So like this?

state_filter:
  - unlocked
card:
  type: glance
  columns: 1
show_empty: false
entities:
  - lock.garage_lock_locked
  - lock.front_lock_locked_2```
#

it worked. πŸ™‚

vapid fulcrum
#

I found the answer to manage stuff in the media folder... i was just missing the samba compoenent... would be nice if there was a ui element to manage stuff that shows up in that section. But i still havent' found a UI aspect of easily changing the map location. Am i missing something?

versed kettle
deep kindle
#

Hey guys, does anyone know how I can hide the sidebar for users who are not admin? Tried installing custom headers & Kios mode via HACS but they don't seem to be working- must be doing something wrong

halcyon basin
#

have you set the custom header to hide the sidebar? i found it easier to hide for all, and the just use /disable_ch if i need to make changes.

quaint snow
#

I have a button that I have created on my lovelace UI to toggle a scene. Code as below, however I am getting an error 'Failed to call service scene/turn_off. Service not found.'

tap_action:
  action: toggle
entity: scene.arrive_home
#

Any ideas

vale lynx
#

Hey all.. just getting started in HA. Got my server up and running, and managed to get a few things configured, but I'm having an issue getting a theme to work for the dashboard. I found one in the community called darkmix. Yet when I add it to my configuration.yaml, I get errors about dictionary words for this or that entry... what am I missing?

lean cove
#

Can anyone recommend a good TCP proxy? I don't need a fully-featured web one like Traefik, Caddy or Nginx, just a simple port in, port out situation. I was using tecnativa/tcp-proxy, but I'm having some issue with websockets and I suspect this is the issue (unless ZeroTier has been having issues for the past week or so)

#

Or if anyone could me diagnose this weird websocket connection, that would be great too

agile ginkgo
#

Welp, I done messed up. I was trying to disable HTTPS because Hass will be behind Apache acting as reverse proxy. Commented out ssl_certificate and ssl_key and... I can't connect at all, even from localhost, wget says "No data received"

agile ginkgo
#

As it turns out, I was editing the wrong config entirely....

molten condor
vale lynx
#

@molten condor
No, I'm wanting to get used to coding it, so I've been doing in manually

digital marten
#

hey guys is there a button card that with on press and on release states?

polar kelp
#

That's generally unadvisable due to latency.

digital marten
#

Maybe I explain a little bit what I want to accomplish . I have a camera witha moving head. the movement is controlled by different cgi URLs. the problem is one url is for start rotating up and a second URL is for stopping.

My goal is to have a button in the ui that rotates the camera until I release the button

hallow mango
#

rest switch could do that probably

#

ohh not a button

#

switch on to move, off to stop

twin tusk
#

how can i get the friendly name in markdown card ?

#

type: markdown
content: |
The lights that are on are:
{% for l in config.entities %}
- {{ l.entity }}
{%- endfor %}

#

it shows entity_id

#

tried with customise but they have already friendly name there

chrome oyster
#

i'm trying to define a handful of colours to be (re)used in graphs as line colours. i'm also using a light and a dark theme that switches automatically depending on the time of day so i don't want to fiddle with those themes by hand or duplicate anything.

i previously got help to define rounded corners for all themes this way and that works fine: https://community.home-assistant.io/t/rounded-corners-in-every-theme/103833/6. basically, create a js file and include it under the frontend: section in configuration.yaml.

why would the override for the rounded corners work but not adding additional properties?

document.documentElement.style.setProperty('--ha-card-border-radius', '10px');
document.documentElement.style.setProperty('--custom-graph-color-blue',     '#3498db');  // i have a few lines like this for different colours 

UPDATE: I have no idea what I screwed up before but the colours work fine when used.

polar kelp
twin tusk
#

{% for l in {{state_attr(l.entity, "friendly_name")}} %}
- {{ {{state_attr(l.entity, "friendly_name")}} }}
{%- endfor %}

#

too many {{

dull ferry
#

Hey guys, is it safe to make my HA frontend available on public IP? Currently I only have a port open for SSH and access everything through tunnel.

signal knot
#

@dull ferry Personally I would always go through a tunnel. After all, if someone gets in there they might get a lot of control.

#

And "to be safe" depends on a lot of factors. How often do you update? How many external add ons are enabled? Are you running on your own OS, or the hassio OS? etc.

dull ferry
#

I just installed it a couple days ago, and have no add-ons. I run it in a container.

#

SSH was fine when I accessed my network occasionally, but to use sensors on my phone for HA it needs to run constantly and eats battery.

signal knot
#

Ultimately, the choice is yours. You have to do the risk assessment. But I would either go with VPN/Wireguard, or use the official cloud integration: https://www.nabucasa.com/

dull ferry
#

I looked at the cloud integration, but my understanding is that it doesn't really reduce the risk since it just forwards everything to your instance. Is that right?

signal knot
#

There is no open firewall port required.

#

So from that perspective, it seems to be more secure.

dull ferry
#

Oh, so your instance polls their server for commands instead of having an incoming connection on your instance?

signal knot
#

At least that is my understanding.

dreamy wing
#

hello can anyone help me with centering my text

elements:
  - type: state-label
    entity: sensor.time
    style:
      display: inline-block;
      top: 35%
      left: 50%
      color: white
      font-size: 100px
      height: 100px
      font-weight: bold
      background: 'rgba(1,1,1,0.5)'
signal knot
#

@dull ferry It might also be realized by a "HTML5" tunnel, for the lack of a better word. But basically, yes.

#

At least the documentation does not ask you to open a firewall port.

#

Or am I wrong?

dreamy wing
#

ive tried with vertical-align: middle it dosent work

signal knot
#

I have a short, maybe stupid question. I bought a new Z-Wave device (Steinel MotionSwitch LED Z-Wave). It features identities which can be configured, like the motion detector sensitivity. Is there a "generic" card I can use to change values of entities? I have not found a "put this state out there" card yet?!

hallow mango
oak dome
#

hi guys - a quick question around the map. I've googled and found some topics on forum but couldn't make it work so far. I have got all of our family's phones with the home assistant app and every user is now tracked. How can i display the icons of people always, even when they are in a defined zone? The moment we are all home it stop displaying us. Trying to find a nice way to do it but can't really get it to work

karmic tiger
#

If you want to suggest a change to that behaviour, raise a feature request on the forum or create a pull request on GitHub.

vale lynx
vague vault
#

Hey ... is there an easy way to setup buttons the should do a task... example .. a button who set my climate.xxx entity to 23C .. but it should only set the value not a switch.

vague vault
#

and another question ... when i make a view that should be unvisible for all users .. they should only get access via a button but it should not shown in the bar on the top .... is this possible ?

oak dome
feral rivet
#

Is it possible to add a background to a vertical-stack card?

karmic tiger
#

Sure but you're not gonna like the answer.

#

CSS...

feral rivet
#

πŸ˜€ . I know, I have been trying to learn it.

#

Where is a good place for me to learn CSS as it relates to HA?

karmic tiger
#

2 years old, might not be accurate.

#

Or you could look at other people's themes... themes are just CSS.

feral rivet
#

Can I apply some this for my background ha-card { background: url("/local/images/weather-background.jpg }

gloomy fern
#

I am trying to change icons and color based off state. Some quick googling shows that I need to use the "Custom UI", but it also shows that it is out of date.

Is there a current method of doing this?

kind shellBOT
agile dirge
#

Hey there! First post πŸ‘‹, semi-newbie here. Reposting less text so the bot doesn't push me into a pastebin 🀞 lol...

I've been digging around for awhile via google, community search, github repos, and documentation and I think I'm just in over my head just enough that I can't find my way out.

Objective: I'd like to simply start with being able to have a dynamic stream source for a picture card, driven by the last camera detecting motion.

Question 1:
At a high level: How would you go about setting up your cameras to change a Picture Entity card's Camera Entity value to point at the camera that most recently saw motion?

Question 2:
Given Question 1 isn't impossible, will the Lovelace UI actually update when that value gets changed?

kind shellBOT
#

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

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

For sharing code or logs use https://paste.ubuntu.com/.

karmic tiger
#

It 'pushed you into a pastebin' because you broke the rules. Please take the time to read them.

agile dirge
#

Sorry about that, I admittedly skimmed past the spam rule because I don't spam and didn't consider a well formatted/detailed question would constitute a text wall lol.

I will RTFM and aim for brevity next time.

fathom vault
hallow mango
#

a gist and quiiiiick explanation, but I'm here for Qs

agile dirge
#

this is awesome

hallow mango
#

haha sweet, glad you think so

#

a bit further down that convo, another user made a PR to frigates integration to indicate whether each camera has an image or not, which may help consolidate it a bit, but haven't played yet

agile dirge
hallow mango
#

yeah man πŸ‘πŸ‘ lemme know if I can help with anything else πŸ˜…

#

im glad you found it helpful, because I think it's kinda clumsy πŸ˜…

agile dirge
hallow mango
#

I mean, I'm no expert either lol

#

every couple weeks I sit down and "clean house", just to get rid of all my mistakes lmao

agile dirge
hallow mango
#

lol

agile dirge
#

Now that I've got things sort of glued together my project todo just exploded from feasibility testing/learning straight to perfection, but this is a really fun way for me to learn it all

hallow mango
#

I'm a coder at heart, so I like to go redo things somewhat often

agile dirge
hallow mango
#

for example, I really need to go redo my wled/hyperion/ledfx stuff because I ditched ledfx for sr-wled, and switched to the hyperion integration instead of rest controls

agile dirge
hallow mango
#

I also need to put some time in on my roomba integration, as at some point I broke the live map I used to have πŸ€”

#

that type of thing

#

usually critical stuff I try to take care of asap, but "cosmetic" stuff like that is less of a priority

lean cove
feral rivet
#

can anyone help me sort out what is wrong with my style background for this card?type: vertical-stack style: | ha-card { background: url('/local/Images/backgrounds/blue-smoke.jpg'); } I am fairly certain the that I have it pointed in the right direction \192.168.1.44\config\www\Images\backgrounds, but no background image is showing up.

analog island
#

so i built part of my dashboard through the editor. is there away to export the whole thing so i can drop it in the configuration.yaml instead?

neat flame
#

Hi there team.. I'm having an issue calling the remote.send command. Could some please help me with the .yaml?

#
type: button
tap_action:
  action: call-service
  service: remote.send_command
  service_data: null
  entity_id: remote.rm4_pro_remote
  device: LivingroomBlind
  command: Up
  num_repeats: 3
  delay_secs: 0.3
entity: remote.rm4_pro_remote
name: Up
icon: 'mdi:arrow-up-drop-circle'
#

Error: required key not provided @ data['command']

#

I've since removed the (accidental); still can't get it to work.

#

null

neat flame
#

Sorted

type: button
tap_action:
  action: call-service
  service: remote.send_command
  service_data:
    entity_id: remote.rm4_pro_remote
    device: LivingroomBlind
    command: Down
    num_repeats: 2
    delay_secs: 0.3
entity: remote.rm4_pro_remote
name: ' '
icon: 'mdi:arrow-down-drop-circle
split forge
#

what's up people!

I would like to have a sensor with a day by day graph, is it possible using the sensor card?

By default it's hour based.

twin tusk
#

u tried?

split forge
#

so far, I have this:

type: sensor
entity: sensor.withings_weight_kg_bamboozilla
graph: line
hours_to_show: 8760
detail: 1

#

I am a noob regarding code edition of hass configuration

twin tusk
#

why coding? use ui. default hours_To_show is 24 πŸ™‚

split forge
#

Am I missing something?

twin tusk
#

and what do you want to obtain ?

split forge
#

a graph over a year

twin tusk
#

not with that

#

try grafana

#

not sure what is limitation to sensor but for history graph card is 80 hours

split forge
#

oh, so I should use a grafana card and implement it on my grafana container right?

twin tusk
#

depending what u are using. i use hass.os and grafana add-on

split forge
#

ok thx

buoyant mango
#

Hi, a short question about "icon colors based on state values".
I found several (at least two) solutions to do this, and I wonder which solution is the best-practise and most update proof, if this can be said.
Any suggestions?

polar kelp
buoyant mango
#

That is a fair point!
Card-mod is per card, right? Because custom-ui semms to allow a global approach. As far as my limited understanding goes... Not that this is a deal breaker, I just try to understand the different approaches.

twin tusk
#

too bad that more examples redirect to a blank page

carmine dragon
#

Hi, sorry for the Cross-posting here, but as my request now relates more to frontend/lovelace specifics than ios specifics, it fits better here. I'm not finding what I need, no examples around on accessing specific entity related pages using a relative/internal URL. I need the internal/relative URL of the history graph 'pop-up' of an entity. Is this supported as the target for an url in the notification? So the URL path should link to the trigger specific entity. Below is the action part of my humidity alert automation, of course the /lovelace/default_view needs changing... but to what? Some more advanced entity url example would help me a lot. Thanks.
data: url: /lovelace/default_view push: sound: critical: 2 name: default volume: 1 message: '{{ trigger.to_state.state }}% humidity' title: '(MB) {{ trigger.from_state.attributes.friendly_name }}'

polar kelp
#

There's some information in the wiki on github

polar kelp
#

@carmine dragon You can't link directly to a more-info popup, unfortunately.

buoyant mango
#

But I will hve a look! Thanks!

carmine dragon
# polar kelp <@!676571928907218964> You can't link directly to a more-info popup, unfortunate...

thanks. so the only option is to link to a specific view having only the entity graphs cards on it, for all monitored sensors, on 1 page/view. At least that would help a bit. But it takes longer as it needs to collect all state histories for all 10 entities (10 individually monitored rooms). Or can I link to an entity? What's the lowest level the lovelace framework supports, for 'direct access' via url?

polar kelp
#

The view is the lowest level.

carmine dragon
polar kelp
#

I don't think so. But why would it take longer to load if you use views? One view for each sensor with only the graph card on it - in panel mode - would probably look pretty good on mobile.

carmine dragon
#

sure but I have 10 humidity sensors to monitor, that would mean 10 views and 10 single automations. That's just for humidity. Now I use 1 automation for all 10. Unless I could use a variable in the url, eg. to have a standard prefix in the view name and the suffix specific to the sensor, filled in using a template, such as the details of the notification message/title. That would still mean 10 views but I could suffice with only 1 automation. And then of course I still have the PIR's and the temperatures, also to monitor. you can see the proliferation of views and automations immediately. So anything 'focused'/'variable' based could help a lot here.

slow panther
#

Graph used to be good but since a few days ago they don't seem to get new data

#

Have restarted system, didn't help.

polar kelp
# carmine dragon sure but I have 10 humidity sensors to monitor, that would mean 10 views and 10 ...

If you make a new dashboard for this, build the first one or two views in the GUI and then open up the raw editor, you'll be able to figure out how to copy paste in the other 8 in five minutes, I am sure, so that won't take long. Then you can hide the entire dashboard from view - the links will still work.
As for the notification; that looks like a service call, and then you can definitely use templates to build the URL too with e.g. yaml url: "/lovelace-graphs/{{trigger.from_state.object_id}}"

#

It's not ideal of course... but it's a way

carmine dragon
polar kelp
#

Will do

gloomy fern
#

I think I successfully installed card-mod, and have converted lovelace to YAML mode (which I presume is working since changes made to ui-lovelace.yaml propogate)
However, none of the styles are being applied.

      - entity: sun.sun
        style: |
          :host {
            --label-badge-red: purple;
          }

What am I missing?

#

I pulled the above straight from the github, so it should be working unless there was something I forgot to set during setup that actually enables the mod?

#

my configuration.yaml has the resources loaded properly (I presume) since it shows in the resources tab as /local/card-mod.js

twin tusk
#

put your whole raw config to see what is wrong.

#

syntax u have put is correct. the mistake is in another part

gloomy fern
#

configuration.yaml?

twin tusk
#

view...why config. yaml ?

gloomy fern
#

not sure which config you were referring to

twin tusk
#

raw configuration editor

#

where u want to put badges??

gloomy fern
#

raw configuration editor is disabled due to using YAML mode, so I presume then you want the ui-lovelace.yaml. I'll paste that.

#

I can add and remove badges and cards from there just fine, but none of the styles seem to propogate.

twin tusk
#

i have put that and works

gloomy fern
#

so then I presume cardmod is not properly installed?

twin tusk
#

if u installed and then added into config-resources....emptied cache browser....should be ok

gloomy fern
#

I did

#

from configuration.yaml

lovelace:
  mode: yaml
  resources:
    - url: /local/card-mod.js
      type: module
#

that got it in my config-resources

twin tusk
#

/hacsfiles/lovelace-card-mod/card-mod.js

#

i installed using hacs

gloomy fern
#

hmm, that is not what is listed on github (I did too). So perhaps that was my goof.

twin tusk
#

this i guess u look

gloomy fern
#

thats the page I was reading, yes

#

Ok, so I disabled YAML mode and the config resources matches yours (auto-configured by HACS)

#

it also made the cards start updating... so styles are working.

twin tusk
gloomy fern
#

so it must have been that I used /local/ rather than /hacsfiles/

twin tusk
#

if u put into www folder and install manually...should work also

hallow mango
#

if you install in hacs, you don't need any of that

#

the docs say so

#

I recommend using HACS to install and keep track of plugins. If you do, steps two and three in the installation instructions below, and the updating procedure will be different. See the docs for HACS. Steps one(!) and four, as well as the rest of this article still applies, though.

twin tusk
#

sometimes they need to be added to resources even hacs installed

hallow mango
#

hacs literally does it for you

twin tusk
#

and sometimes it doens't happen

gloomy fern
#

well... the docs say that updating and steps 2/3 will be different.
It also says that I should still do all the other steps

hallow mango
#

1 and 4

#

and 2-3 are different

#

you install in hacs, rather than manually

#

and you update through hacs, rather than manually

gloomy fern
#

Whoops I see what I did.
When it initially didnt work I switched over to YAML mode, and when I backtracked to the docs again I started doing step 3 (but skipped over 3-2 and 3-3 because I didn't notice the header.

twin tusk
vapid field
#

is there a way to list entities by what integration they came from, eg MQTT? i'm trying to populate an auto-entities card with zigbee2mqtt devices but can't see an elegant way of doing that

twin tusk
#

entity_id

#

filter:
include:
- entity_id: 'battery'

#

and i have all batteries in a card

vapid field
#

yeah i just want to filter by zigbee2mqtt devices though and there's no attribute for it

#

i guess i could include an identifier in each device's friendly name

twin tusk
vapid field
#

yeah i have a few auto entities cards, doesn't really answer my question but thanks πŸ˜…

twin tusk
#

group them

vapid field
#

i'm trying to automatically populate them so when i add new devices it'll filter into the card, i could manually group them yes

carmine dragon
#

@polar kelp I created the 16 views, adjusted the URL to url: '/sensor-histories/{{ trigger.entity_id }}' in the (for now 2) automations and I'm now getting the correct history graphs when clicking on the notification. Exactly as expected. Thanks again for the idea. @thorny crystal

thorny crystal
# polar kelp If you make a new dashboard for this, build the first one or two views in the GU...

If I link to /history or /logbook, is there a way to pass in values for the start date, end date and entity filters? Like maybe /history?start_date=2021%2F02%2F02%2007%3A00&end_date=2021%2F02%2F02%2009%3A00&entity_id=sensor.mysensor? Then you wouldn't have to make so many dashboards, could just link to either history or logbook with pre-specified filters. I imagine that could also be handy for other use cases as well

hallow mango
#

I don't think those work, but I could be wrong

#

id love a similar thing to be able to open directly to a folder in /media-browser though

urban jewel
#

Hi all, not sure if this is the correct β€œroom” to ask this in.... if not please direct me to the correct place... I’m using a supervised install under a virtual machine in win10, but can access any web sites via the webpage card. Do I need to open any differ ent ports or anything? Thanks

karmic tiger
#

There are limitations. Did you read the note on the webpage card instructions?

urban jewel
#

Sorry where do I find them? I only see the description in where I would select the card?

karmic tiger
#

You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.

#

So... what kind of site is it? HTTP or HTTPS?

urban jewel
#

I can’t get any sites... https or http

karmic tiger
#

Ok. What browser?

urban jewel
#

I’m using dickens

#

Duckdns
Autocorrect

karmic tiger
#

DuckDNS isn't a browser.

urban jewel
#

Goggle chrome

karmic tiger
#

On a PC?

urban jewel
#

I know meant to add that in my 1st statement - sorry

#

Yes pc

karmic tiger
#

Press F12 to open the Chrome Dev Tools. Refresh the HA page. See if there are errors in the 'console' of the Dev Tools.

urban jewel
#

I see this
Refused to frame β€˜https://www.bbc.co.uk/β€˜ because an ancestor violates the following Content Security Policy directive: β€œframe-ancestors’none’”.

karmic tiger
#

Yup. So the creators of that website have rules that it cannot be placed in an iframe. You can't do it.

urban jewel
#

Do you know of a page I can try so that I can prove it’s working, then I can experiment with what I’m trying to do... which is get a node red dashboard to show up....

#

Thanks for your assistance

formal tide
#

I save images from a webcam on motion detection... I also have a script which turns those images to a mp4 - but it takes some time (variable, depending on the amount of images) to save the video. I want to trigger this script (no problem yet) and afterwards display the video.
How can I make the UI play a video on button press and make it aware of this delay to display the video?

summer sluice
#

Does anyone know if the MDI icons, support the flip and rotate option. I can't figure out how to input it properly as a icon if it does.

formal tide
#

afaik you cannot use those transformations except you use custom cards

karmic tiger
#

They're technically glyphs, right? You can do to them whatever you'd do to text. Though your options may be slightly more limited depending on how they're implemented in Lovelace.

summer sluice
#

ok, thanks

twin tusk
#

so..a topic for frontend...how to split into files templates from frontend ?

gilded swallow
#

Trying to work with decluttering_templates, I'm working with the Lovelace UI editor... And when I try to add decluttering_templates: !include_dir_merge_named /config/packages/decluttering_templates/ to the Raw Configuration Editor in Lovelace, I'm getting an error.. Where and how can I use it to include my templates dir which there I will want to configure all my tamplates..

karmic tiger
#

You can't.

#

YAML mode for YAML...

#

Just because the raw editor shows you it as YAML, doesn't mean you can use all the tricks YAML has.

gilded swallow
#

So if I add the lines (in configuration.yaml) to change the lovelace mode to yaml, will it damage anything I've setup already?

split granite
#

Well, it'll all be gone

gilded swallow
#

Crap.. lol

#

So, any other way of using the card?..

split granite
#

You can copy the YAML πŸ˜‰

#

Use the raw editor

gilded swallow
#

You mean set ALL the templates in the raw editor as well?..

#

No way of including a folder which will contain all of them, hu?

karmic tiger
#

For the third time... you can't use YAML tricks if you're not using YAML mode.

#

The answer won't change just because you keep asking.

gilded swallow
#

Lol, didn't mean to upset man.. sorry... Thought maybe I can use the include in the configuration.yaml file or something like that..
alright, alright.. keep calm man, I come in peace! πŸ˜‰

karmic tiger
#

configuration.yaml... would be YAML mode.

gilded swallow
#

So you see, this is where and way I use confused.. Because of course I use the configuration.yaml file, But it seems that the card wont respond to the !include config of it in the configuration.yaml file ..

(Anyway, that's exactly what I was trying to ask/understand)

Thanks for the help anyway.
Again, sorry for upsetting you.. 😟

twin tusk
#

guess it is the response for my question

#

although i remember one evening in which somebody figured out how he can put code in a file and to call in lovelace

formal tide
karmic tiger
#

I don't get mad... I get even 😈

twin tusk
#

mono is sweetest and friendliest violet coloured guy

rain fulcrum
gilded swallow
#

HACS...

rain fulcrum
gilded swallow
#

My pleasure ;)

misty plaza
#

small question i'm trying to satup a call-service in a glance card by using the tap-action looks like something simple but is starting to get me crazy probally a wrong indentation?

#
- type: glance
    entities:
      - entity: binary_sensor.laptop_jos
        tap_action:
          action: call-service
          service: switch.toggle
          service_data: 
           - entity_id: switch.laptop_jos
      - entity: binary_sensor.laptop_kelly
      - entity: binary_sensor.laptop_jos_werk
    title: Devices
    state_color: true
    show_name: true
#

any hints?

karmic tiger
#

It's easier to read that if you format it properly:

kind shellBOT
#

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

Don't forget you can edit your post rather than repeatedly posting the same thing.

For over 15 lines you must use a code share site such as https://paste.ubuntu.com/ or https://www.hastebin.com/.

misty plaza
#

i see

karmic tiger
#

Don't forget you can edit your post rather than repeatedly posting the same thing.
Delete one please πŸ˜‰

#

Thanks

misty plaza
#

no prob learning is a slow process πŸ˜›

karmic tiger
#

It looks like everything from the second line onwards is too far right.

#

Delete two spaces on those lines.

hallow mango
#

umm, I guess I'll ask the question: if I have not defined lovelace as

lovelace:
  mode: yaml

then what is the default?

vapid field
#

hi

hallow mango
#

I thought I was using yaml mode πŸ˜…

vapid field
#

can someone tell me the correct ui-loveface config for displaying and iframe

hallow mango
#

@vapid field in a card?

vapid field
#

ye or hidden

hallow mango
#

what?

misty plaza
#

the extra spaces are because of the layout-card i think discord removed the first line spaces when i did not use the format correctly

#

it does however now give me this error

Error handling message: expected dict for dictionary value @ data['service_data']. Got [{'entity_id': 'switch.laptop_jos'}]
hallow mango
#

then you've done something wrong, likely the wrong indentation as indicated earlier

vapid field
#

past couple of times i've lurked in here someone has been afraid to ask further questions because someone with a bright colored username was borderline hostile

#

not the greatest impression my dudes

halcyon basin
#

evening all, I'm trying to add a conditional state-icon, i thin the part that is wrong is the 'Card' i also tried elements: but that didnt work either. can you tell me where i've gone wrong please.

        - type: conditional
          conditions:
            - entity: binary_sensor.motion_bathroom
              state: 'on'
          card:
            - type: state-icon
              entity: binary_sensor.motion_bathroom
              style:
                top: 43%
                left: 6%
                '--paper-item-icon-color': red
          tap_action:
            action: none
twin tusk
#

type: state icon?

hallow mango
#

yeah idk that one

#

what does your error say in the editor?

halcyon basin
#

this is inside a picture elements card.

hallow mango
#

no, it's inside of a conditional card

halcyon basin
#

Sorry, i've got a floor plan in a picture elements card, and i want the state icon only to appear when the motion sensor detects movement.

twin tusk
#

so....what's the error message? πŸ™‚

halcyon basin
#

i don't see an error message, but nothing appears.

twin tusk
#

u can save this, but nothing appears and that's all of your code

halcyon basin
#

my code so far runs about 1500 lines for my ground floor plan.

#

i can see a red box in the corner of the layout, but can't see what it is in it. I've tried to move the location from 6% to 46% but that makes no difference.

twin tusk
#

they are elements of condition

hallow mango
#

well state-icon is not a card type

#

it is an element type for the picture-elements card

halcyon basin
#

I was looking at that, but i couldnt figure out how to add a condition to a state-icon.

hallow mango
#

you're trying to conditionally show the card or the element?

twin tusk
#

try to make cards separately before insert in such enormous code

halcyon basin
#

i'm trying to conditional show the element. line 919 and 938 did say 'elements:' but that wasnt working so i tried card.

twin tusk
#

try a single card with that syntax...when it will work...then u can do it

hallow mango
#

use a conditional element, with a state-icon element inside

#

actually, is that what you have? just you put card instead of elements?

halcyon basin
#

i just changed the word elements for card, but didnt change it back before asking for help. I know it isnt a card, it was just trying something to be sure.

hallow mango
#

there's actually an example ON that docs page of what you want, you know?

#

last example on the page πŸ˜‰

halcyon basin
#

This is what i had, and i thought it was the same as the example.

        - type: conditional
          conditions:
            - entity: binary_sensor.motion_bathroom
              state: 'on'
          elements:
            - type: state-icon
              entity: binary_sensor.motion_bathroom
              style:
                top: 43%
                left: 6%
                '--paper-item-icon-color': red
          tap_action:
            action: none
#

tap_action needs to be moved in by the looks of it.

hallow mango
#

yes, along the same indent as type

winter prism
#

Is there a way to grab a variable from the current theme and use it in an icon color template instead of hardcoding the color?

twilit lintel
faint vortex
#

Hey, is there any easier way to arrange cards on a dashboard? Clicking the up/down arrows isn't very intuitive and they move in weird ways

#

Ah, found it, layout-card

hybrid jackal
#

i move my sensors in separate file sensors.yaml and try to add new one binary_sensor , which is mqtt based. I did my config in sensors.yaml : - platform: binary_sensor
name: "Π’Ρ€Π°Ρ‚Π° Ρ‚Π°Π²Π°Π½"
state_topic: "stat/NodeMCU_attic/SWITCH4"
payload_on: "{STATE:ON}"
payload_off: "{STATE:OFF}"
device_class: door

#

but still have errors. what i do wrong

twin tusk
#

binary sensors are separate from sensors

hybrid jackal
#

so i have to make binary_sensor.yaml and !include in configuration.yaml ?

twin tusk
#

sure

#

also not sure about payload syntax

hybrid jackal
#

most probably have to be "{STATE:OFF}"

#

ha core check
Command completed successfully.

twin tusk
#

maybe check configuration

hybrid jackal
#

thank you @twin tusk it is work fine

sleek marlin
#

hello. is there a way to display the now playing for a home mini that plays from a list of internal music? not playlist from spotify.

twin tusk
#

that's your utility_meter.yaml file ?

sand orchid
#

https://github.com/kalkih/mini-graph-card#manual-install
www folder doesn't work for /local/mini-graph-card-bundle.js?v=0.10.0. Web browser can't find this file.

There is also wrong doc about configuration.yaml and resources. This is not configuration.yaml.

How to correctly install this?

twin tusk
#

hacs

sand orchid
#

I use docker

twin tusk
#

so...u downloaded js file

#

and uploaded in dir

sand orchid
#

correct

twin tusk
#

why u say web browser can't find this file?

sand orchid
#

because I see 404 not found in Inspet in chrome for this file

twin tusk
#

not using chrome

sand orchid
#

doesn't matter, 404 not found will be the same in all web browsers πŸ™‚

twin tusk
#

and i never check a file within ha config with browser

#

maybe file editor

sand orchid
twin tusk
#

config/www

sand orchid
#

hmm so www works for you

twin tusk
#

sure

sand orchid
#

Did you turn it on somehow?

twin tusk
#

if u created now this dir....must restart ha

sand orchid
#

oh... thank you. It was't obviously.

buoyant jewel
#

elo this the right channel for help on dashboard?

sand orchid
#

if a question is about UI, then yes πŸ™‚

buoyant jewel
#

HI i am new to HA but i have just added some lamps to Broadlnk Intergration i wanted the normal lamps box like

#

do these channels not allow pasting in images here ?

#

My lamps i have had to teach HA the codes and make scripts

#

But i cannot see a way to make the card i need

#

Is this because the known status of the lamps is not known?

#

I have 6 lamps i am looking for a compact version just need some guidance please

sand orchid
#

I am still new in HA, so I didn't set exactly what you want so far. I will start to look in buttons / toggle. Something with this names.

#

or find somebody on YT how set something like that. I see this from time to time, but I don't remember which card exactly it is.

buoyant jewel
#

@sand orchid maybe some better experts still in bed

twin tusk
#

maybe u look for button card

buoyant jewel
#

if you see my image i have but i do not want 12 huge panels for 6 lamps

twin tusk
#

so make one

#

put all entities in a card

rain junco
#

just found the time to go through the home assistant conference material. I'm thrilled at finding out "c" and "e" - now I understand why an entity filter comes up out of nowhere πŸ˜„

solemn narwhal
#

Is there a way to filter more than 1 entity in the History tab?

tiny glacier
#

Not sure if this is the correct channel to ask but I am new to HA. I got it setup and working with a bunch of devices. I want to create floor plans of my house so I can place links to my lights etc. Does anyone know some good maybe FREE πŸ™‚ software to create the floor plan images? Thanks!

vague vault
#

Hello ... following question... i have a floorplan with 3 Rooms. Now i want 1 Icon (a door mdi:door) in each room and want to click on it to navigate to another card in mei View where only the Room is ... and in this card a Arrow back to the Main View.

azure hawk
#

does anyone know how to get the RPI MQTT broker to find the raspberry pi?

merry helm
#

Greetings... can anyone point me to info on how to make a lovelace card show an entity with a toggle switch (in this case an input_boolean) only display the status of the entity (with toggle switch) but not allow you to actually toggle it.

polar kelp
#
type: entities
entities:
  - entity: input_boolean.my_switch
    type: custom:hui-sensor-entity-row```
merry helm
#

Thank you!

#

worked perfectly, thanks again.

feral rivet
#

Hey guys does anyone know if grid card supports card-mod?

#

I am trying to add add a background, but it seems that nothing is working.

#

I have also tried using custom: layout-card and that too did not work.

sly pulsar
#

Is there a way navigate from a button card long press to the config/devices/myphone page without using a url action?

karmic tiger
#

Any way to navigate to a URL without using the action intended for exactly that? Why?

sly pulsar
#

Found it already. Was just as simple using navigate with the path to the menu item. Using it for a button card long press to my device info inside /config/devices/device/.....

feral rivet
#

still looking to see if anyone can help me understand why this setup type: custom:layout-card style: | ha-card { background: url('/local/images/backgrounds/blue-smoke.jpg'); } is not providing me a background?

polar kelp
#

layout-card doesn't have a ha-card. It's described in the FAQ of card-mod how to handle things like that.

#

Same for grid card

feral rivet
#

So none of the cards that help you manage other card can use ha-card. man that sucks . I now have to go redo a dozen mobile cards.

polar kelp
#

It's not that they can't. It's that they don't. ha-card is the element that makes the background and the border.

feral rivet
#

got it . So outside of changing the card type to custom: mod-card will all the other ha-card features still work?

polar kelp
#

They should

bitter plinth
#

has anything changed for custom cards? none of them work after updating and I can't find anything related to it :/
getting the "Custom element doesn't exist:" message for all of them

polar kelp
#

Make sure HACS has fully updated and started too

#

That sometimes needs a restart depending on your installation method.

radiant holly
#

https://imgur.com/a/zsKePYY any recommendations for the right hand side of this tablet display? I tried more buttons but they didn't quite suit

bitter plinth
#

but the cards were working fine after removing it

bitter plinth
#

oh duh. I'm dumb πŸ˜„ it still had the "hacs/" address -.-

vivid swift
#

Hi everyone. I have a doorbell button on an esphome device a bit far away. I'd like to display when the last ring was in lovelace.

#

Now, secondary_info: last-changed shows every time it switched from unavailable to off, because the wifi is a bit flaky

#

Is there an easy solution here, or is it setting up a timer in HA etc.?

tacit cave
#

is there a replacement for custom header? I can't remember

quaint snow
#

After some advice, not sure if what I’m after is even possible. I’d like to make a button that is essentially a β€˜scene’ for my front end that will turn all my AC units on to a certain temperature, instead of choosing one by one. I thought I’d be able to make a scene, but the AC units do no appear in the Scene section of HA. Any ideas or does someone know if this is even possible?

rich eagle
north jasper
#

hi all

#

is it normal that after upgrading to 2021.02 my sensors which were not assigned to the area has disappeared from the top of the main page?

#

i see that is has been moved to area called Sensor and now it's at the bottom of the main page

twin tusk
#

u mean the badges?

half wharf
#

Morning All....... I have a fresh install of HA and HACS. I'm trying to get custom cards to work. Does anyone have a working example on how to get the custom cards working in the Lovelace UI editor

twin tusk
#

more specific . what custom cards? usually install from hacs, assuring they are in config-resources, clear browser cache....will do it

half wharf
#

/hacsfiles/button-card/button-card.js as an example

#

/hacsfiles/mini-graph-card/mini-graph-card-bundle.js

twin tusk
#

ok. u checked configuration-resources?

half wharf
#

configuration-resources????? sorry where is this to check... please?

#

Old install they just showed up in them UI these dont.

#

Is there something I need to put in the config yaml...?

twin tusk
#

sidebar

#

configuration

#

lovelace

half wharf
#

That location is where the above custom cards are. That bit is fine. The issue I have for some reason when I try to use them I just can't get them to work. Do you have an example in how to get these to work...?

twin tusk
#

if u don't show the error....how can you get help ?

#

if u assured that they show up in resources and cleared browser cache....then u are ready to use them

velvet glade
#

Hi, playing around with custom:light-popup-card and it's working so far. I would like to create a separate yaml file for each popup. How can I include a yaml file?
I tried:

  - !include 'popups/badewanne_licht.yaml'```

--> But getting an error:  YAMLException: unknown tag !<!include>
twin tusk
#

don't think any card accepts include as error message says that

velvet glade
#

hmm so I need to put everything directly in my ui-lovelace.yaml? makes it a little bit "overloaded" 😦

twin tusk
#

then...ui

velvet glade
#

too bad 😦

twin tusk
#

indeed. especially if you aren't familiarised with yaml

velvet glade
#

yeah, will make the file really long... any other way how to seperate it?

twin tusk
#

it matters if the file is long or short...or to get your job done ?

velvet glade
#

no, not really... but I'm loosing the overview, especially because I'm only using the "raw editor"

twin tusk
#

if u build from scratch a dashboard in yaml...u must know what u are doing

velvet glade
#

what is best way? are you using the raw editor? I have 3 dashboards (for eacht floor)

twin tusk
#

i used for some templates raw editor, but else i use ui. don't need writing for a whole dashboard...only for some cards if it's necessary

velvet glade
#

okay, I see! Thanks a lot!

raw egret
#

how do I take control of the sidebar so I can hide stuff I don't want to see like maps and history?

forest smelt
#

Somehow in 2021 releases the entity history view popup (tooltip?) is displayed very briefly (selfclose?)- hard to read all data in it- vanishes before 😦

twin tusk
#

@raw egret profile menu - Change the order and hide items from the sidebar- edit

raw egret
#

ty

quaint snow
#

So now I have made a script, but it does not work. I get an error saying 'required key not provided @ data ['hvac_mode']

oblique pebble
#

i add this now on my configuration.yaml without any changes on my left site wit "trigger platform, events, entities etc.

should be a gas station sensor for gas prices.

How can i add this to my lovelace surface now? cant find it on intergration or something

#

´´´
tankerkoenig:
api_key: 6fb369b6-4531-0bf9-2f30-1981bf9d86d8
fuel_types:
- "diesel"
- "e10"
latitude: 52.35612
longitude: 9.284778
radius: 1
scan_interval: "0:10:01"
stations:
- e1a15081-25fb-9107-e040-0b0a3dfe563c
show_on_map: false
´´´

vapid field
#

Hi, after updating to 2021.2.0 (running Home Assistant OS on a Raspberry Pi 4) I got a β€œA new version of the frontend is available. RELOAD” message and since then my default autogenerated dashboard fails to load (it spins forevere, JS console shows an error at line 946 in chunk.a8fc15b8e5d83f800941.js). Any hint?

twin tusk
#

@oblique pebble if there is no integration, then the check config will throw you an error

halcyon basin
#

hey guys and gals, I've got a conditional state-icon in a picture elements card that isn't working, and for the life of me i cannot figure out why, So far as i can see, it matches the example in the documents,

        - type: conditional
          conditions:
            - entity: binary_sensor.motion_utility
              state: 'on'
          elements:
            - type: state-icon
              entity: binary_sensor.motion_utility
              style:
                top: 45%
                left: 18%
                '--paper-item-icon-active-color': '#FF0000'
              tap_action:
                action: none

So the idea is that when there is motion, i'd like the motion icon to be displayed, and then disappear when it is clear. I've checked the sensor and it has two states in HA 'on' and 'off'. Any advice please?

twin tusk
#

u came yesterday with the same problem

#

did u tried to make a single card with it?

halcyon basin
#

Hi Adrian, I was here yesterday yes, and i thought the problem was with my indentations. I have made a single card and it seems to be working.

twin tusk
#

nice

oblique pebble
#

@twin tusk

Need I any changes on the left side bar?
There are options for trigger platform,events,entities etc...

twin tusk
#

u restarted HA to allow sensors to be created?

halcyon basin
#

The layout in the single card seems to be the same, I've copied and pasted into my floorplan, and set the indentation to the same as the motion sensors that are not conditional and Visual studio isn't throwing errors about indentations.

twilit lintel
#

Morning guys! I'm making my frontend based on Picture Elements Card. I was wondering if it's possible to have my own icon (png) change color according to the bulb color. (Like other cards already do automatically)

nocturne lagoon
#

is it possible to have the ui cycle through the tabs at an interval?

halcyon arrow
still trellis
polar kelp
#

yes

#

Likely, even.

still trellis
#

Ok - thanks! Is it just a given, or a side effect of specific filters etc?

jovial remnant
#

Hello everyone, is there a custom card showing entity additional info such as tasmota switch or esphome switch has WiFi signal, uptime and etc as a sensor. Is there a way to show them as an additional info if I click on switch or hover pointer over the switch entity? Thanks

median harbor
#

is there a color wheel card for rgbw devices (rather than having to tap the light card to get it?)

quaint snow
sullen stump
#

Hi, With the new harmony integration, i can now add my activities as they appear as switches, is there a way to change the icon and the toggle? would prefer a different button, like the google cast one above isnt bad, or perhaps something else

ashen herald
#

Hm, the icon should be easily changable, if you edit the frontend and choose the item it should show a window where you can change the name and icon. I'm not sure about the toggle, I think it's not directly possible because of how the integration works. Please correct me if I'm wrong.

sullen stump
#

Yeah ive changed all the entity icons now, the status icon being a toggle is what im after

twin tusk
#

card template

lilac marlin
#

frontend question that's kind of a blueprint question but really i think it's frontend so let me try here first

#

ok i guess there's no way to include images. trying to identify the name of the icon used for blueprints, as shown in the link above. for example, the automation icon is hass:robot

polar kelp
#

mdi:palette-swatch

lilac marlin
#

i gotta be honest i thought it was a tent πŸ˜„

polar kelp
#

The mdi icon set is a bit aimed at graphic design tooling...

proud lodge
#

hello guys. is there a addon/integration or way to create a timer. for example a button (Light ON 5 Mins) pressed can show a timer count down from 5 mins to 0, im assuming some sort of card_mod. trying to see if anyone has something as such implemented.

karmic tiger
#

There are already timers in HA. What do you need that they don't do?

proud lodge
#

thank you for your reply. Is there a way to show a realtime countdown in a lovelace card.

#

such as an action for a button/event.

tidal vale
#

Is it possible to turn a rasberry pi into a tablet for home assistant ui?

quaint snow
#

trying to set a background in lovelace, am i doing something wrong? it won't work.... I have added this line to the config.yaml

lovelace-background: center / cover no-repeat url("https://raw.githubusercontent.com/basnijholt/lovelace-ios-dark-mode-theme/master/backgrounds/homekit-bg-4.jpeg") fixed

#

full string:

    themes: !include_dir_merge_named themes/
        lovelace-background: center / cover no-repeat url("https://raw.githubusercontent.com/basnijholt/lovelace-ios-dark-mode-theme/master/backgrounds/homekit-bg-4.jpeg") fixed```
quaint snow
pale nacelle
#

Hi,
friends, when will translations become effective? and can we try this on my raspberry pi ?

remote sinew
#

anyone here using browser_mod to change the more-info popup card? I read everything in the documentation and think I did everything right, but even after hours of messing around, I can't it to work

radiant canyon
#

HeyHo

#

How is everything?

#

question about frontend : How to customize icons?

ionic lichen
#

hello - is there a special setting to get the logbook card to update in real-time? I have motion sensors that work in this manner but when I try and create an automation using logbook.log, the card I have associated with the entity does not update until I do a refresh. Thanks!

Figured this out - the refresh is based on a state change so that explains why the motion sensor works. I can just change the state and I am good.

karmic tiger
#

Or use a custom card if you mean different icons for different states, Elik.

radiant canyon
#

Thanks, another, more complex question for real GURUs❓
and on this task I'm searching answer/solution already 3 days
I have Alarm Panel
which is excellent card
I have motion sensors and door sensors, so together with HA it makes fantastic intrusion security system
but the problem is I control my devices not just from phone but I have integrated into furniture touchscreen
lets say similar to tablet
So the problem is access control

#

I need Alarm Panel to be popup - which I solved already using browser_mod
the problem is even if I hide close button on the popup window, still by default HA behavior if I click outside of control panel (popup window) it is closed
so I need somehow override that behavior

#

till correct code entered

harsh niche
#

Hi im lost...
I have an ui-lovelace.yaml on that I include 3 other yaml.
If I look on my HA then i have overview and here i can see the 3 page tabs.
My problem is that I want to add two different themes for two of the yaml.

But under configuration --> Lovelace Dashboards I can only see the Overview and not the 3 different yaml pages i have included in my ui-lovelace.yaml.

How can I add my themes to two of the included yaml sites?

radiant canyon
#

support gone in bootloop ))))

somber pawn
#

I don't want to mess this up (again) so looking for clarification. Configuration > Customization > Entity: zwave.zooz_zen21_switch_v2_0 > Name **EDIT** Last time I did those exact steps, it wiped the device out completely. Nothing associated with the device would function any more - not sure what I did incorrectly?

eternal flume
#

Hi guys....I've tried so much now....nothing seems to work.....do you think there is a way to have the temperature values of the custom animated weather card replaced with values of my own temperature sensor? It keeps drawing its temperature attributes from the weather entity....im really out of ideas by now

polar kelp
#

I think you'd have to go for a custom card. I don't know if there's any newer ones around, but there used to be a darksky-weather-card or something where you could pick the sensor for each value manually.

eternal flume
#

Yes thanks..ive tried these...but they would require so much work...my weather entity doesnt provide a sensor for each forecast day....and those custom cards all need those sensors....so I would habe to create template sensors for every attribute of my weather entity...m

#

But maybe you could help me with something....arent you the css guy?😁

#

Do you think maybe with css ore something one could delete parts of a card?

#

I would only need the upper bit of the card (the "current" weather information)....

polar kelp
sly pulsar
#

Is it possible to add a device tracker on the iframe waze live map?

eternal flume
#

Yeah no forecast. But with the card I showed as it has the ability tonuse my own temperature sensor

tacit cave
#

@polar kelp pretty sure it's not possible but is there a way to inject html into the header using cardmod?

polar kelp
#

It's pretty much only the sidebar which is immune at this point.

tacit cave
#

I am using that and i'm not sure if my lingo is correct, basically I want to add text in the bar

polar kelp
#

Oh, html.

tacit cave
#

Yeah

polar kelp
#

yes and no.

#

You may be able to add text, but no tags.

tacit cave
#

Ah, that might get the job done

#

I'm just looking to add text to let the user know what page they are on

#

'Living Room' crap like that

#

was going to try to ninja it onto the tripple dot button

#

Thanks

#

and would you look at that, there's a ::before

#

I think this can work

south relic
#

Is anyone aware of a card that can graph a set of data points, preferably from its yaml? Something like the mini-graph-card but with a data source that isn't from history but from a known set of points.

#

Use case is that I have data from xfinity and it provides total usage as well as the past 6 months usage. I would like to be able to graph those previous months as a bar and this month's all on one chart with say 5 or 6 individual bars.

feral rivet
#

Hey guys I have been working on some lovelace cards, but when I tried to open them on my mobile device the card required scrolling and was wider than the screen would allow. How can I make the cards fit my exact screen? Is there a way for a card to auto resize based one the devices that is using it?

karmic tiger
#

By default, they'll resize. If they're not, it's probably something you've done when customising them... so you'll have to share what you've done.

feral rivet
karmic tiger
#

And what doesn't fit?

#

The first row of buttons with Movie Time, Game Time, etc?

feral rivet
#

the whole card. On my phone I have to move it to the left or right in order to access the buttons on either the right or left side.

karmic tiger
#

It probably doesn't help that you have a horizontal stack with 3 cards side by side, where each card is 168px wide...

#

If you're going to specify absolute sizing, it won't resize.

#

You need some kind of relative sizing... or use a custom card that handles layouts, like layout-card

feral rivet
#

so I should use layout card for all my horizontal cards so that I can size them? Will that allow me to move the buttons slightly inward so they are not exactly on the edges?

radiant holly
#

Hey everyone, I'm looking to have a button so one tap of it causes the living room lights to toggle but holding it down causes all the lights to toggle. I've gone over the yaml and can't figure out what I'm getting wrong, can anyone assist? https://paste.ubuntu.com/p/PYb2bfcRMT/

karmic tiger
#

Pictures of code 🀒

kind shellBOT
#

Please use https://paste.ubuntu.com/ to share code or logs. Please don't use Pastebin, since it can randomly add spaces to the main view.

radiant holly
#

Fixed

karmic tiger
#

I think you need to indent line 12 a little more so it's a child of service_data: but I'm rusty with this stuff.

#

It's also possible that the service switch.toggle won't work on a group. You may have to use homeassistant.toggle

radiant holly
#

Thanks mono, i asked in the Dr Z chat as well apparently because the groups all lights the correct one was lights.toggle, homeassistant.toggle should work as well but they said that's more for when its not just lights.

radiant holly
feral rivet
#

looking for some additional help. I have changed the horizontal card to a layout card . I was attempting to use justify_content to center all three buttons, but either I don't have the code in the right place or I have a misunderstanding of how it works. Either way I am in need of some help with 2 things: 1) making sure i have some space the edge of the card and the right button, 2) centering all the cards. here is the picture of what I have so far https://imgur.com/Xdo5rN5 here is my code https://paste.ubuntu.com/p/CbzQhwD2mS/.

past reef
#

I have a colored bar in the left upper corner under my home-assistant logo, does anyone know where this is coming from?

karmic tiger
#

Left upper corner of what?

past reef
#

web-interface

karmic tiger
#

Share an image

kind shellBOT
#

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

past reef
karmic tiger
#

I've never seen that. I would guess it's either a theme or a custom card doing it.

past reef
#

i have no theme installed.

#

but some custom cards

#

i try uninstalling

#

that it, thanks.

feral rivet
#

is there a way , when making edits to your lovelace screen that it it auto refresh?

karmic tiger
#

How are you editing?

feral rivet
#

YAML

karmic tiger
#

Then no, your browser doesn't know when you've saved a file. F5 is your friend.

feral rivet
#

on my device I am having to repeatedly hit refresh. Not a big issue just trying to use all tools available.

karmic tiger
#

If you think live reload should exist... submit a feature request or a pull request.

feral rivet
raw cape
#

Is it possible to get a state attribute and use it as the image parameter of the picture card?
Lovelace;

- type: picture
  image: /local/images/f1/{{ state_attr('sensor.formula_1', 'location') }}.png

If I inspect the broken picture in my browser, I see that it's trying to show it as;
<img src="https://<my url>.ui.nabu.casa/local/images/f1/%7B%7B%20state_attr('sensor.formula_1',%20'race_track')%20%7D%7D.png">

#

The attribute does contain the location name, which is identical to the file name

polar kelp
radiant holly
#

Does anyone know of any good camera front end cards? I'm trying to design a good camera dashboard but I'm struggling to make it look nice with the default ones.

upbeat cairn
#

Hi, I'm trying to install ha-floorplan by following the instructions on their website, but I think I might be doing something wrong

#

I installed HACS, but when I enter that section on the UI, I get a "HACS is setting up
HACS is setting up, during this time some information might be missing or incorrect"

#

and right below that: HACS is disabled
Check your log file for more details

#

any idea?

#

nevermind, it solved itself. it took a while, more than an hour...

#

Now, when installing HA-floorplan, there's a step where it says this:

#

Remember to add the /hacsfiles/ha-floorplan/floorplan.js as a module to your resource file - like you do with other modules.

#

and I'm a bit lost. Where should I add that, and why?

karmic tiger
#

Why? So the UI knows how to load it.

#

Where... Configuration > Lovelace Dashboards > Resources

summer lantern
#

Is there a way to pass a value to the url field of the webpage card. I am hoping to have a button push pass a new url to the iframe window

karmic tiger
#

Not with the card itself. Maybe using config-template-card

upbeat cairn
#

I just can add another panel

karmic tiger
#

Then you're not looking very hard...

#

Look at the top.

upbeat cairn
#

I.... must be blind

#

(can I paste an image here?)

summer lantern
#

@upbeat cairn VM em

#

Voice chat e

upbeat cairn
#

(sorry it's not in English)

summer lantern
#

Click on your profile

karmic tiger
#

Maybe you need to turn on advanced mode first. Go to your profile and enable that.

summer lantern
#

enable advanced features

#

....you should always listen to anyone that isnt me if they are offering any advice...

karmic tiger
#

And it's okay, Catala isn't too hard to read πŸ˜„

upbeat cairn
#

hehe

#

Ok, found it, and also a way to change the language

#

Ok, i must be stupid... how do I "create a new view"?

summer lantern
#

No youre not stupid...lots to learn here

#

should be bottom right corner

upbeat cairn
#

But should I create a new dashboard first?

summer lantern
#

If you want to you can

upbeat cairn
#

For now I just want to follow that tutorial, but I can't find the menu to create a new view

summer lantern
#

Let me install it and see what your trying to do

#

give me a min

upbeat cairn
#

oh, thanks

summer lantern
#

Yup..its just its own dashboard. Go to your overview. Click the three dots at the top, click edit and then click the + sign to add a new view

upbeat cairn
#

ahhh, ok\

#

I created a new dashboard just in case (it warned me that if i edited manually, it would no longer add new devices automatically)

summer lantern
#

nice! good on ya

upbeat cairn
#

Should I have a "Supervision" section? It does not appear in my installation

#

ohh, i'm using the container version, not the supervision version

#

yay, I made it!

#

oh my god, these instructions couldn't be less clear...

summer lantern
#

Well...I felt the same way when I got into HA...it gets easier once you understand the fundamentals...which I barley do πŸ˜‰

karmic tiger
#

There's a steep learning curve. You'll get there.

upbeat cairn
#

but... things like including a path starting with a /, but not being an absolute path, that is confusing

karmic tiger
#

Do you mean for the internet? That's a relative path πŸ˜„

#

For Linux, / is an absolute path. For the web, it's just 'get this thing for the current domain'

upbeat cairn
#

I see

karmic tiger
#

It's good that you are thinking about these things. It means you're learning πŸ™‚

upbeat cairn
#

I'm trying to edit the floor plan that comes as an example...

#

but I'm not able to put a single lightbulb in there πŸ˜†

#

Does the SVG file of the floorplan already determine where the elements should be?

karmic tiger
#

I don't use it... but I believe so. Unless you use something like picture elements, where you can 'layer' pictures together.

upbeat cairn
#

oh, thanks

#

the thing is that I already had a svg plan of my house, and I thought the positioning of the elements would be determined by the css file

#

but nope

karmic tiger
#

No. SVG describes the whole image. CSS is just for extra styling (colours, animations, etc).

upbeat cairn
#

yaaay, my first lighbulb on the floorplan works!

karmic tiger
#

You already have a better floorplan than me πŸ˜„

upbeat cairn
#

Two of them already

#

Ok, so when I figure out how to subscribe to MQTT topics, I'll add the temperatures and all that

karmic tiger
#

You're making great progress already.

drifting horizon
#

Any tablet recommendations for displaying a dashboard?

upbeat cairn
#

one with a screen

karmic tiger
#

A lot of people use Fire tablets. There are ways to 'jailbreak' the ad-supported ones. Just don't use anything too old or the Android webview won't support Lovelace and all your custom cards.

drifting horizon
#

Mmmm, so I should avoid pulling out my Nexus 7?

karmic tiger
#

I don't know what the cut-off is.

upbeat cairn
#

do mqtt topics need to be configured one by one on the yaml config files?

karmic tiger
upbeat cairn
#

haha, ok

plain onyx
#

Graph is displaying NaN , means it must be populated with data ?

karmic tiger
#
      - type: attribute
        entity: climate.thermostaat
        attribute: temperature```
🀨
#

I've never seen that before. I don't see that in the documentation for that card either.

#

Zero mentions of 'attribute' in the docs πŸ˜‰

#

So yes... make a template sensor first.

snow flower
#

Anyone have a decent way to make the google calendar card just a daily view?

#

Was looking at the atomic-calendar-revive, but can't seem to eve find it to install

rich eagle
vapid field
#

I was wondering if one could create a dedicated entity from another's entity state attribute to make it look like a sensor

rich eagle
rich eagle
karmic tiger
#

Just a template sensor like this:

platform: template
sensors:
  house_temperature:
    friendly_name: "House temperature"
    value_template: "{{ state_attr('climate.0x001e5e09025e96ff_climate', 'current_temperature') }}"
    unit_of_measurement: "Β°C"```
That's one of mine for use with... mini-graph-card πŸŽ‰
#

Don't forget to give all your sensors the same unit of measure so they can be graphed together.

plain onyx
#

I have a template sensor for my garbage collection with 4 states on the day it is collected and None , want a card that shows the corresponding /local/*.png files on the day it is collected. tried this but it only gives the sensors default icon ?
https://pastebin.ubuntu.com/p/gk3S7Q2ZR5/

upbeat cairn
#

Hi. I am trying to configure the HA Floorplan card, but I am having trouble displaying the value of a sensor.

#

I have added these lines, but for some reason the value is not displayed. Well, it is if hover over the object, but it's not shown on the map:

  • entity: sensor.temp_dining
    text_template: '${entity.state ? entity.state + " Β°C" : "undefined"}'
#

shouldn't that be enough?

#

(I edited the floorplan on Inkscape so the object name is also sensor.temp_dining)

tender temple
#

Hello, does anybody know the local address to the hass:icons like like hass:lightbulb within home assistant?

upbeat cairn
#

No idea, sorry

rich eagle
tender temple
#

RGB lightcard: https://github.com/bokub/rgb-light-card
You can select an image instead of a hex color for these little RGB circle icons. I want to add an up arrow and a down arrow into my array of circle buttons for brighten and dim. I have everything worked out except for the picture, and I thought I'd use the native icon for a consistent theme.

#

I just need the address of the image

#

might switch over to those mdi icons altogether, lots more selection

rich eagle
rich eagle
tender temple
#

roger, thanks for the info!

#

homeassistant_os's file system has been more difficult to navigate than expected haha

upbeat cairn
#

Does anyone have any idea why the state of a sensor is not shown on a floorplan. In theory it should be displayed, since I used the text_template: ${entity.stage}, but I still see the default text of the svg floorplan...

rough coyote
#

I have to scroll to see stuff but i have acres of unused screen-estate.
Is there a toggle somewhere to have HA use the empty space more in the config section?
https://i.imgur.com/FQBFjgb.png
(i put a green cross in the empty area to indicate what area i mean)

upbeat cairn
quaint snow
#

Hey gurus. I’ve been trying for days to change the background of my UI. I’ve followed all documentation and other online tutorials, but haven’t had any luck. Is there some basic drop down within the UI I am missing to set it after putting the line in the .yaml of the theme? Is there any log I could post here to help you help me?

exotic valley
#

I'm testing out grocy add-on, is there a way for me to add it to the sidebar of a non admin user?

kind shellBOT
turbid frigate
#

May I ask about the icon color change here?

#

I have uploaded the custom-ui.js and button-card.js under /config/www/

#

However, it does not work.

#

Could you please help me with this problem?
Thank you very much in advance!

turbid frigate
#

Sorry, I didn't mean to post a code wall

twin tusk
#

try to split config

#

make a folder with your sensors

#

to not have 1k config file

#

then integration is sensor, not sensor 3

turbid frigate
#

This is the current configuration.yaml file could you please tell me more details?

#

What do you mean by split config?

#

/config/sensors/configuration.yaml

#

Do you mean like this?

twin tusk
#

first...hide your secrets

#

second: make a folder insider /config dir

#

call it...sensors ...then in configuration.yaml u put the line: sensor: !include_dir_merge_list sensors/

#

inside sensors dir u can put a file for each sensor, or group them as u like

turbid frigate
#

Could you please give me a example of sensors?

twin tusk
#

this is a file inside my sensor folder

#

where platform is : scrape

turbid frigate
#

How do you call the file name?

twin tusk
#

so u don't do scrape 1 scrape 2

#

doesn't matter the name of the file....

#

it matters to be called correctly

#

u can do it in config.yaml like sensors: include myhome.yaml

#

create myhome.yaml in config dir

#

and u put there sensors

turbid frigate
#

The content should be like this right?

twin tusk
#

check first line...seems an space is missing

#

always 2 spaces as indentation

turbid frigate
#

Oh, I see

#

**- *platform: mqtt

#
  • are spaces right?
twin tusk
turbid frigate
#

Oh, I see.

twin tusk
turbid frigate
#

Could you please teach me how to do custom-card for icon color change?

#

That is the part I am seeking for

#

I have already checked at least three websites but I cannot grasp the main idea.

twin tusk
#

icon color...

turbid frigate
#

Yeah, but it seems nothing happen....

twin tusk
#

like this ?

turbid frigate
#

Yes!

twin tusk
#

not telling you..is secret and must kill for that :))))

#

just a moment

turbid frigate
#

LOL Thanks a lot!!!

twin tusk
#

is not the most correct line

#

but it works for a switch

#

u must take care to have a card that supports styles

turbid frigate
#

Is this the right configuration.yaml?

twin tusk
#

no

turbid frigate
#

Ooops.

twin tusk
#

u can check config and will tell you

turbid frigate
#

No it doesn't. 😫

twin tusk
#

sensors: !include fsr.yaml IF fsr.yaml is in config folder

#

if u go to sidebar-configrations-server controls

turbid frigate
#

sensors: !include /local/sensors/FSR.yaml

twin tusk
#

u can click on check config

#

why local ???

turbid frigate
#

I thought it represents /config/ ?

#

Yeah, I found that it mentions about the error.😩

#

sensor: !include /sensors/FSR.yaml

twin tusk
#

told you. if u create a folder called sensors...u must put !include dir_merged_list sensors/

turbid frigate
#

Finally!! Thanks a lot!!

#

sensor: !include sensors/FSR.yaml

twin tusk
#

well...no... you will try to make another sensor very soon

#

where is fsr.yaml ?

turbid frigate
#

Uh, it passed the check. It lied to me.

#

/config/sensors/FSR.yaml

twin tusk
#

so..when u will add another sensor u will have to put it also there

#

all your sensors will be in a single yaml....

turbid frigate
#

Wait! You mean that one yaml file only for one sensor!?!

twin tusk
#

if you point in config that sensors should look only in fsr.yaml....

#

then...yes

turbid frigate
#

I tried to get json format data from MQTT from only "one" sensor.

twin tusk
#

for safety i said is recommended to put sensors belonging to a device in a single file

#

u can put all in one file..no problem for me

#

if u integrate the phone....65 sensors will come fro mthere :))))

turbid frigate
#

Oh! I see your point. This is just a way to pile up my files?

twin tusk
#

better check youtube to see

turbid frigate
#

I see. Thanks a lot!

twin tusk
#

that video explains a lot

turbid frigate
#

By the way,

#

Is custom-card has the style thing to change icon color?

twin tusk
#

what custom card? custom card is generic name for cards made by community users

turbid frigate
#

I mean the one with the above link.

#

It is quite confusing!

twin tusk
#

well..take it step by step

#

it does support

#

but take a simpler one

#

suited to your needs

#

even base entity card supports style

#

not in ui but in yaml mode

turbid frigate
#

All their pictures are fantastic....

twin tusk
#

πŸ™‚

turbid frigate
#

Oh, I see.

twin tusk
#

sure

turbid frigate
#

Thanks for telling me all these things.

#

By the way, have you tried to integrate HA with lingphone?

twin tusk
#

lingphone...never heard

turbid frigate
#

Sorry wrong name.

#

Linphone

#

Thanks. Just heard you said that integrate phone needs 65 sensors LOL

twin tusk
turbid frigate
#

Anyway, thank you very much for all your efforts!

raw egret
#

how would I go about hiding certain elements from a card? I have a kiosk style screen with no touch screen

#

so the buttons for the calendar card are useless

#

was wondering if I can change the css for that card alone to hide them or something like that

outer gulch
#

where do i change a user's password in the UI?

#

seems like that option is removed in the latest update?

harsh niche
#

Hi
How can I read/get the current weather state and then also use that state as an image.
atm im using this (works) but want to make the my newbie code shorter
https://paste.ubuntu.com/p/4CQw93yVtN/

Can someone guide me πŸ™‚

twin tusk
#

from where u took that svg ?

harsh niche
astral oxide
#

Hey guys, i need a little hint here. I have a climate-entity (Homematic IP Thermsotat) and want to display its level in a thermostat card. The level is a number between 0.0 and 1.0 and I want it to be displayed as percent (0-100). Where do I calculate it into percent? Is that a job for a template? Im quiet new to HA so pardon my stupidity

radiant holly
#

Is there a way so after a brief period of time the screen switches back to certain page in a dashboard? I've got multiple screens on my tablet dashboard but after about 2 minutes or so, if left untouched id like it to switch back to its overview screen

ashen herald
outer gulch
#

yeah, i know.. it used to be there before.. under /config/person , but clicking a user in the list only gives me the option changing its name, add a picture, allow it to log in and set it as an administrator..

twin tusk
#

still there is

outer gulch
#

besides that i only have delete and update as commands

twin tusk
#

u done something wrong

#

logged with non admin user?

outer gulch
#

nope, i'm an admin

twin tusk
#

turned on advanced ?

outer gulch
#

yup

twin tusk
#

re-log and update your pass as admin

kind thistle
#

hello all, is there anyone know if noctis theme dev is here ?

twin tusk
#

@harsh niche so u have a card that changes image according to weather state as conditional card

wise flume
#

what was the deal with custom header to turn on the editor ui when kios mode is turned on

twin tusk
#

can a theme be loaded also for add-ons ?

twin tusk
#

paper-item-icon-color: 'var(--accent-color)' where is defined accent-color ?

fossil compass
#

Hello all, is it not possible do "drag" a couple of cards to swap their locations or am I missing something?

harsh niche
#

Developer Tools --> States Entity.
If having a door sensor, the door open/closed icon...
Can I give/add the colors to the open/close state here (Developer Tools --> States Entity.) if no.. where in the frontend, can I changes the states color.

rich eagle
upbeat cairn
#

Does anyone know where I can find free icons to use in HomeAssistant (in my floorplan)?

karmic tiger
vapid field
#

Hi guys, so I have tileboard up and running. Though I'm just trying to get the album art or what is playing, but all i have is skip track buttons and pause, though on lovelace it works fine. Anyone have Tileboard so their jsscript

karmic tiger
#

Tileboard isn't HA, you won't find help here for it.

vapid field
#

Though I very much appreciate your help pointing me somewhere else :). I'll do some more googling.

karmic tiger
#

There's no harm in asking... it's just not likely you'll find someone else here that knows the answers. The forums are probably better.

turbid frigate
#

May I ask about the configuration of entities?

#

However, I have no clue how to add the sensors for mqtt

#

I tried to add this line in configuration.yaml:
default_config:
packages: !include_dir_named integrations

#

Then, in the integrations directory:
I added the sensors.yaml
In this file, I only added this line:
sensor: !include_dir_list ../entities/sensors

#

Finally, I had this in the /config/entities/sensors/bed_101.yaml

#

However, when I tried to add them back in my lovelace interface, all of my entities are gone......

#

I have tried to find if they are in the list of unused entities. Well, I failed again.

#

Could you please tell me how to create those sensors again?

#

Could you please help me with this?

turbid frigate
#

Dear Adrian_RO,
I am so dump to do the configuration split......
I cannot find any of my sensors (entities), I just duplicate setting again in my configuration.yaml.

#

@twin forge May I ask you how to do the mqtt part in spliting configuration?

glacial ledge
#

I recently started having this problem in the frontend web page that I cannot "click" on menu items with the mouse, they just dont get highlighted and when I click the menu just disapears. If I use the keyboard up/down I can select.

#

Just to clarify this is on edit UI page. i.e. when adding a new item to the frontend.

vague locust
#

Before I overhaul my server, I have 4 7200 RPM drives in RAID10 in an HP ProLiant. Waiting for sensors to load the historical graph takes an extremely long time. I am assuming the bottleneck is my drives? If so, I have a stack of SSDs sitting here I could swap in. That is a full weekend rebuild that I intend to do at some point but if I can be confident it will fix this issue, I'll move that up to sooner than later.

#

And no, I cannot hotswap and let the RAID rebuild, the SSDs I have on hand are 20GB smaller than the spinning disks.

twin forge
turbid frigate
twin forge
#

Ahh, not working - just go to Configuration, Integrations and click on Add Integration button.
For entities that's different story.

turbid frigate
#

MQTT devices

#

I think it should be entities?

turbid frigate
#

Then, I have no idea how to use my entities after I followed your YT video like /config/entities/sensors/

#

I put the bed_101.yaml under that directory.

twin forge
#

There should be no difference. If it was in sensors, and you split it that way, yes, it must go in /entities/sensors/ folder and you should make sure that this is loaded from within sensors.yaml file by something like this: sensor: !include_dir_list ../entities/sensors
I keep that in /integrations folder. And then I use in configuration.yaml file this line to load everything:
packages: !include_dir_named integrations
Entities will still show up in entities.

turbid frigate
#

Yeah, I followed almost every step as you did. However, I still cannot see the entities.

#

I also checked my file with the configuration check in server.

kind shellBOT
#

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

turbid frigate
#

Could you please help me with this?
I cannot figure out what is wrong with my setting.

#

I apologise that I posted virus related link. I just want to paste image to explain my project.

vapid field
#

How can I add an entry to the bookstack addon in the sidebar?

twin tusk
#

almost every add-on has in info tab possibility to activate sidebar

turbid frigate
#

Dear Adrian_RO:
Could you please help me with the entities missing problem?

twin tusk
#

which entities?

turbid frigate
#

my sensors.

turbid frigate
#

Thank you very much in advance!

twin tusk
#

general idea - try to put text instead of images for the codes

#

use ubuntu.pastebin

turbid frigate
#

Oh, no problem.

twin tusk
#

now...u have 3 sensors coming from mqtt

turbid frigate
#

A moment please.

#

Well, actually, only one sensors.

twin tusk
#

well...no....there are 3 defined

turbid frigate
#

However, I transmitted 3 values in json format.

#

1 original, 1 mapped into 0~100%, 1 represents status (like a threshold)

twin tusk
#

so u put in frontend entity called sensor.analog ?

turbid frigate
#

yes!!

#

analog is the original

#

percent is the analog signal mapped from 0-1023 to 0-100%.

#

status will become 0 when analog signal is over 300.

#

Otherwise, it usually is 0

twin tusk
#

show the card

turbid frigate
#

Please take a look. Thanks!

#

(By the way, I am still controlling the panel with UI rather than yaml.)

twin tusk
#

so..u have them

turbid frigate
#

Well, this is the old one.

#

Originally, it should be like this.

twin tusk
#

if u select an entity card...those sensors are not appearing ?

turbid frigate
#

I mean I still have to clarify sensor 1, sensor 2...

twin tusk
#

push E anywhere in your ha screen

turbid frigate
#

Uh, what?

twin tusk
#

type letter e

#

and entity filter will open up

#

type sensor name

#

and see if appears

#

well if u still have sensor 1 sensor 2....told u that is incorrect

turbid frigate
#

I include the sensors in integrations like what BeardedTinker did.

twin tusk
#

packages...uh...ok..sounds like frenck

turbid frigate
twin tusk
#

ok

turbid frigate
#

Then, all my entities are gone. (😭 )

twin tusk
#

and check config says it's all ok ?

turbid frigate
#

Yes