hello,
I try to use the design for all the sensors as shown in the picture.
How can i use with card-modder?
here the code:
card:
cards:
- align_header: null
align_icon: left
animate: true
color_thresholds:
- color: ‘#ff2500’
value: 33
- color: ‘#ff3b00’
value: 32
- color: ‘#ff5000’
value: 31
- color: ‘#ff6500’
value: 30
- color: ‘#ff7a00’
value: 29
- color: ‘#ff9000’
value: 28
- color: ‘#ffb733’
value: 27
- color: ‘#ffc04d’
value: 26
- color: ‘#0000ff’
value: 25
- color: ‘#0040ff’
value: 24
- color: ‘#0055ff’
value: 23
- color: ‘#006bff’
value: 22
- color: ‘#0080ff’
value: 21
- color: ‘#0095ff’
value: 20
- color: ‘#00abff’
value: 19
- color: ‘#00c0ff’
value: 18
entities:
- sensor.temperature_158d0002b5240a
font_size: 100
hour24: true
line_width: 8
name: סלון
points_per_hour: 0.5
show:
fill: false
type: ‘custom:mini-graph-card’
- align_header: null
align_icon: left
animate: true
color_thresholds:
- color: ‘#ff0011’
value: 82
- color: ‘#ff3340’
value: 82
- color: ‘#ff6670’
value: 80
- color: ‘#00ff44’
value: 78
- color: ‘#4cff7c’
value: 76
- color: ‘#4cff8b’
value: 74
- color: ‘#4cff9a’
value: 72
- color: ‘#4cffa9’
value: 70
- color: ‘#4cffb8’
value: 68
- color: ‘#4cffc7’
value: 66
- color: ‘#4ca2ff’
value: 64
- color: ‘#4cb1ff’
value: 62
- color: ‘#4cc0ff’
value: 60
- color: ‘#4ccfff’
value: 58
- color: ‘#4cdeff’
value: 56
- color: ‘#4cedff’
value: 54
- color: ‘#4cfcff’
value: 52
entities:
- sensor.humidity_158d0002b5240a
font_size: 100
hour24: true
line_width: 8
name: סלון
points_per_hour: 0.5
show:
fill: false
type: ‘custom:mini-graph-card’
- align_header: null
align_icon: left
animate: true
color_thresholds:
- color: ‘#cc7e00’
value: 0
- color: ‘#cdc400’
value: 10
- color: ‘#e6dc00’
value: 150
- color: ‘#fff400’
value: 350
- color: ‘#fff51a’
value: 550
- color: ‘#fff74d’
value: 650
- color: ‘#00d4ff’
value: 800
- color: ‘#00ffff’
value: 1000
entities:
- sensor.illumination_34ce009223c4
font_size: 100
hour24: true
line_width: 8
name: סלון
points_per_hour: 0.5
show:
fill: false
type: ‘custom:mini-graph-card’
type: horizontal-stack
style:
background-repeat: no-repeat
background-size: 100% 120%
border-bottom-color: ‘rgba(20,20,20,0.3)’
border-bottom-left-radius: 10px
border-bottom-right-radius: 10px
border-right-color: ‘rgba(0,0,0,0.3)’
border-top-left-radius: 10px
border-top-right-radius: 10px
box-shadow: >-
-5px 5px 13px -7px #999999, 5px 5px 13px -7px #999999, 0px 2px 0px 0px
rgba(90,90,90,0.5), 0px 0px 1px 1px rgba(0,0,0,0.1)
type: ‘custom:card-modder’
2 things,
Please format your code with the Blockquote it makes it so much easier to read.
Second why is your custom: card-modder stuff at the end?
my problem solved
Great to hear, can you post the working code so that other’s can learn from you?
can u tell how to upload code?
ui lovelace.yaml:
cards:
- card:
align_header: null
align_icon: left
animate: true
color_thresholds:
- color: ‘#ff2500’
value: 33
- color: ‘#ff3b00’
value: 32
- color: ‘#ff5000’
value: 31
- color: ‘#ff6500’
value: 30
- color: ‘#ff7a00’
value: 29
- color: ‘#ff9000’
value: 28
- color: ‘#ffb733’
value: 27
- color: ‘#ffc04d’
value: 26
- color: ‘#0000ff’
value: 25
- color: ‘#0040ff’
value: 24
- color: ‘#0055ff’
value: 23
- color: ‘#006bff’
value: 22
- color: ‘#0080ff’
value: 21
- color: ‘#0095ff’
value: 20
- color: ‘#00abff’
value: 19
- color: ‘#00c0ff’
value: 18
entities:
- entity: sensor.temperature_158d0002b5240a
font_size: 90
hour24: true
line_width: 8
name: סלון
points_per_hour: 0.5
show:
fill: false
hour24: true
type: ‘custom:mini-graph-card’
style:
background-repeat: no-repeat
background-size: 100% 120%
border-bottom-color: ‘rgba(20,20,20,0.3)’
border-bottom-left-radius: 10px
border-bottom-right-radius: 10px
border-right-color: ‘rgba(0,0,0,0.3)’
border-top-left-radius: 10px
border-top-right-radius: 10px
box-shadow: >-
-5px 5px 13px -7px #999999, 5px 5px 13px -7px #999999, 0px 2px 0px 0px
rgba(90,90,90,0.5), 0px 0px 1px 1px rgba(0,0,0,0.1)
type: ‘custom:card-modder’- card:
align_header: null
align_icon: left
animate: true
color_thresholds:
- color: ‘#ff0011’
value: 82
- color: ‘#ff3340’
value: 82
- color: ‘#ff6670’
value: 80
- color: ‘#00ff44’
value: 78
- color: ‘#4cff7c’
value: 76
- color: ‘#4cff8b’
value: 74
- color: ‘#4cff9a’
value: 72
- color: ‘#4cffa9’
value: 70
- color: ‘#4cffb8’
value: 68
- color: ‘#4cffc7’
value: 66
- color: ‘#4ca2ff’
value: 64
- color: ‘#4cb1ff’
value: 62
- color: ‘#4cc0ff’
value: 60
- color: ‘#4ccfff’
value: 58
- color: ‘#4cdeff’
value: 56
- color: ‘#4cedff’
value: 54
- color: ‘#4cfcff’
value: 52
entities:
- entity: sensor.humidity_158d0002b5240a
font_size: 90
hour24: true
line_width: 8
name: סלון
points_per_hour: 0.5
show:
fill: false
hour24: true
type: ‘custom:mini-graph-card’
style:
background-repeat: no-repeat
background-size: 100% 120%
border-bottom-color: ‘rgba(20,20,20,0.3)’
border-bottom-left-radius: 10px
border-bottom-right-radius: 10px
border-right-color: ‘rgba(0,0,0,0.3)’
border-top-left-radius: 10px
border-top-right-radius: 10px
box-shadow: >-
-5px 5px 13px -7px #999999, 5px 5px 13px -7px #999999, 0px 2px 0px 0px
rgba(90,90,90,0.5), 0px 0px 1px 1px rgba(0,0,0,0.1)
type: ‘custom:card-modder’- card:
align_header: null
align_icon: left
animate: true
color_thresholds:
- color: ‘#cc7e00’
value: 0
- color: ‘#cdc400’
value: 10
- color: ‘#e6dc00’
value: 150
- color: ‘#fff400’
value: 350
- color: ‘#fff51a’
value: 550
- color: ‘#fff74d’
value: 650
- color: ‘#00d4ff’
value: 800
- color: ‘#00ffff’
value: 1000
entities:
- entity: sensor.illumination_34ce009223c4
font_size: 90
hour24: true
line_width: 8
name: סלון
points_per_hour: 0.5
show:
fill: false
hour24: true
type: ‘custom:mini-graph-card’
style:
background-repeat: no-repeat
background-size: 100% 120%
border-bottom-color: ‘rgba(20,20,20,0.3)’
border-bottom-left-radius: 10px
border-bottom-right-radius: 10px
border-right-color: ‘rgba(0,0,0,0.3)’
border-top-left-radius: 10px
border-top-right-radius: 10px
box-shadow: >-
-5px 5px 13px -7px #999999, 5px 5px 13px -7px #999999, 0px 2px 0px 0px
rgba(90,90,90,0.5), 0px 0px 1px 1px rgba(0,0,0,0.1)
type: ‘custom:card-modder’
type: horizontal-stack