Lovelace: Bar Card

Share your Projects! Dashboards & Frontend
795

Use auto entities and bar card together.

SmartSelect_20231214_124209_Home Assistant
SmartSelect_20231214_124209_Home Assistant1004×424 100 KB

type: custom:auto-entities
filter:
  include:
    - entity_id: '*sensor.*battery'
  exclude: []
sort:
  method: state
  numeric: true
card:
  type: custom:bar-card
796
797

Is this card still available in HACS? I only can find bar card timer!

798

image
image772×401 17.1 KB

799

Thank you @Ildar_Gabdullin . But it does not come out when I type bar. See screenshot!

image
image1362×343 27.8 KB

800

Have you tried pressing “explore & download repositories”?

1 Like
801

That did it ! Thank you very much!

1 Like
802

How may I change the icon color? I’ve tried the below (with card-mod installed)

  - entity: sensor.hp_laserjet_200_cyan_cartridge_hp_cf211a
    name: Cyan Ink
    color: cyan
    style: |
      :host {
        --card-mod-icon-color: cyan;
      }
803

I can’t get it to sort, the card is the same as the bar-card.

type: custom:auto-entities
filter:
  include:
    - entity: sensor.candeeiro_current_consumption
    - entity: sensor.meross_maq_lavarsecar_power
    - entity: sensor.tomada_pilhas_power
    - entity: sensor.tomada_powerbanks_power
  exclude: []
sort:
  method: state
  numeric: true
  reverse: false
card:
  type: custom:bar-card
  title: Consumos instantâneos
  entities:
    - entity: sensor.candeeiro_current_consumption
      icon: mdi:desk-lamp
      name: Candeeiro Sala
      max: 9

[etc...]
804

Using the card in a wrong way.
Start with removing “entities”.

1 Like
805

If I remove entities from bar-card, I’m not able to configure some specs as severity or max individually.

806

Then WTH are you trying to use auto-entities for 4 entities?
And with different individual options )))

807

To sort the entitites by its value. There are more than twenty entitites.

Screenshot_20231226_205642_Home Assistant
Screenshot_20231226_205642_Home Assistant786×2155 213 KB

808

Assume you have 10 entities in a list.
Assume you have SAME options like severity etc.
Then list these entities in ONE “include” filter; then define a common ‘options” section with commonly used options.

Assume you need to have DIFFERENT options for each entity.
Then you need to define TEN “include’ filters with individual “options”.

809

it’s great card, I used to use it but suddenly after card mode updated the animation not working any more. Can you please help. I’m sure the style feature changed, but I don’t know how to fix. Thank you

810

You will sort it out by yourself! With my help.

  1. Check release notes for the latest card-mod - it has smth about “card_mod” keyword.
  2. Since indentation in yaml is important - guess how pt.1 should be fixed in your code (you may use examples from card-mod github page).
811

Thank you very much, after reading the releasing notes for the latest card-mod update, I knew the missing part. :+1:

1 Like
812

hi can you please explain how to download this card with HACS

813

Go to your HACS page. Click the 3 dot menu
1000007347
Click custom repositories

1000007348
1000007348604×703 45.7 KB

Put the link to the github page for the bard card in the repository box. And choose a category. In this case lovelace.
1000007349
10000073491002×533 22.9 KB

Click add.

2 Likes
814

Is it possible to have the card driven by a sensor which can be positive (bar to the right) or negative (bar to the left), when value is zero, nothing (or a single line in the center)
DIfficult to do? Hint?

Its a sensor of a wheel of a boat, if the wheel is turned right/left it should show in the card. Hope I am clear

1 Like