Hi,
I put bignumber-card.js file in the home assistant config folder and I have an error: custom element doesn’t exist.
What is the problem?
@masterkenobi, how did you get the time to work? Can you share the code you used in the Lovelace yaml?
thanks for this… severity doesn’t appear to work with negative numbers 
?
I’m having problem getting the colors displayed. I have three instances of the card defined and none are showing the severity colors. What I have is pretty much a cut and paste of the example.
Any suggestions on what I’m doing wrong?
- type: 'custom:bignumber-card'
title: Fresh Water
entity: sensor.fresh_water_tank_level
scale: 30px
from: bottom
min: 0
max: 100
severity:
- value: 40
style: var(--label-badge-green)
- value: 90
style: var(--label-badge-yellow)
- value: 100
style: var(--label-badge-red)
- type: 'custom:bignumber-card'
title: Gray Tank
entity: sensor.gray_water_tank_level
scale: 30px
from: bottom
min: 0
max: 100
severity:
- value: 40
style: var(--label-badge-green)
- value: 90
style: var(--label-badge-yellow)
- value: 100
style: var(--label-badge-red)
- type: 'custom:bignumber-card'
title: Black Tank
entity: sensor.black_water_tank_level
scale: 30px
from: bottom
min: 0
max: 100
severity:
- value: 40
style: var(--label-badge-green)
- value: 90
style: var(--label-badge-yellow
- value: 100
style: var(--label-badge-red)I figured out my problem. When this entity was first developed, the % was put into the state instead of specifying a unit_of_measurement. Because of this, the value wasn’t a valid number as it contained a % character.
How to display in minutes rather than decimal fraction of an hr?
Is there a way to set the background of the card so it is not white. That gets a bit washed out on my white background and it’s harder to see the increment when multiple cards are together.
Might be related to the above post - I don’t think it’s that the background is white… I think it’s very (fully?) transparent, which appears to be different than most all the other cards. I’m using it for a clock, and so it looks kinda weird compared to other cards: https://imgur.com/a/cAdvUdS
Hi,
I’ve started using this in my lovelace with an input_number behind it. The input_number is of something that is whole number (how many trains between x and y are late) but the big number card says 2.0 trains - any ideas how to remove the .0 ?
Here’s the input_number:
start_end_late:
name: Start to End Late Trains
icon: mdi:train
min: 0
max: 20
step: 1
unit_of_measurement: trains
Here’s the lovelace config:
- entity: input_number.start_end_late
from: bottom
maximum: 15
minimum: 0
scale: 30px
title: Start > End !
type: 'custom:bignumber-card'Hello,
Is it possible to use a another sensor for the severity?
For instance
title: Humidity
entity: sensor.outside_humidity
scale: 30px
from: bottom
min: 0
max: 100
severity:
- value_template:
{{states.sensor.another_green_thing.state}}
style: 'var(--label-badge-green)'
- value_template:
{{states.sensor.another_yellow_thing.state}}
style: 'var(--label-badge-yellow)'
- value_template:
{{states.sensor.another_red_thing.state}}
style: 'var(--label-badge-red)'```
Checking before I dive down a rabbit hole :)
2 Likes
I’ve tried to load this plugin and it doesn’t work. I constantly get the following error:
No card type configured.
- type: 'custom:bignumber-card'
entity: sensor.time
scale: 50px
My lovelace header is as follows:
resources:
- type: module
url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
- type: js
url: /community_plugin/calendar-card/calendar-card.js
- type: module
url: /community_plugin/compact-custom-header/compact-custom-header.js
- type: js
url: /community_plugin/bignumber-card/bignumber-card.js
- type: js
url: /community_plugin/vertical-stack-in-card/vertical-stack-in-card.js
order was set by hassio in raspbian.
The card is configured as follows:
- type: 'custom:bignumber-card'
entity: sensor.time
scale: 50px
Any ideas as to why the error?
fixed it. saw the code in the raw editor, and the entities had double - - (dash).
The card itself did not show it, so now it works.
not sure if its just me, however i see the background colour dissapear and become transparent on ipad ios using chrome when max value is exceeded. doesnt happen on win 10, android & mac, however seems to be a quirk on ipad ios? I created an issue on github for tracking
I would like to update my use of the bignumber card such that when I click on the card I can open a URL in a new window as opposed to having the more_info data displayed. I currently use the more_info feature to show a historical graph, but the HA history graph is too slow so I am migrated to using Grafana. The button-card, which I am also using, supports this type of action and its working great for me. Any chance in getting this capability in the button-card?
I get the following error, what can be the issue?
Please help
Is this plugin still developed? It seems it doesn’t work anymore with HA 0.107.7…
How can i make the card display correctly in a stack so it has the same height as the other items?
- type: horizontal-stack
cards:
- !include
- '../templates/graph.yaml'
- entity: sensor.verbruik_water_uur
name: "Verbruik/uur"
- !include
- '../templates/graph.yaml'
- entity: sensor.zonneboiler_temperatuur
name: "Boiler"
- type: custom:bignumber-card
title: Humidity
entity: sensor.verbruik_water_huidige_douche
scale: 30px
from: bottom
min: 0
max: 100
style: |-
ha-card {
height: 100%;
}
Have you figures this out yet? I am getting the same error.
@ciotlosm Do you accept pull requests? I would love to be able to set up default colour for font and background. I have done it for my own copy, but I thought it would be useful for others too. Hence, sent a pull request.
The last commit seems to have broken this card on iOS devices. I had to revert back to the previous commit to get it working again.
https://github.com/custom-cards/bignumber-card/issues/10