Hallo zusammen,
Ich habe 2 Aqara T1 Light Stripe’s über Zigbee2Mqtt angebunden. Dabei habe ich mich geärgert das ich die Steuerung der Stripe’s immer über Z2M machen musste (für mich wichtig: Ein- Ausschalten, Farben, Helligkeit und die mitgelieferten Effekte).
Nun habe ich für mich eine gute Lösung gefunden mit der Ultra-Card (aus dem HACS).
Für die, die es Interressiert, möchte ich meine Lösung hier gerne teilen.
So sieht es bei mir aus.
Hier auch der Code dazu:
type: custom:ultra-card
card_background: var(--card-background-color, var(--ha-card-background, white))
card_border_radius: 12
card_border_color: var(--divider-color)
card_border_width: 1
card_padding: 16
layout:
rows:
- id: row-1767985465680
columns:
- id: col-1767985476013-e65lx7scw
modules:
- id: text-1767985478184-rt9olveti
type: text
text: Lumi Steuerung
link: ""
hide_if_no_link: false
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
icon: ""
icon_color: ""
icon_position: before
template_mode: false
template: ""
unified_template_mode: false
unified_template: ""
enable_hover_effect: true
hover_background_color: var(--divider-color)
font_weight: "700"
text_transform: uppercase
design: {}
display_mode: always
display_conditions: []
font_size: 16
color: var(--primary-text-color)
vertical_alignment: stretch
horizontal_alignment: stretch
column_layout: 1-col
design:
margin_top: 8px
margin_bottom: 8px
- id: row1
columns:
- id: col1
modules:
- id: button-1767983917205-egasovnkp
type: button
label: Lumi oben
action:
action_type: none
style: glass
icon: mdi:led-strip-variant
icon_position: before
show_icon: true
icon_size: 24px
background_color: >-
linear-gradient(90deg, #ff0000 0%, #ff7f00 14%, #ffff00 28%,
#00ff00 42%, #0000ff 56%, #4b0082 70%, #9400d3 84%, #ff0000
100%)
text_color: white
use_entity_color: false
background_color_entity: ""
background_state_colors: {}
tap_action:
action: more-info
entity: light.lumi_oben
hold_action:
action: none
double_tap_action:
action: none
display_mode: always
display_conditions: []
button_text: Click Me
module_name: Lumi oben
design:
background_color: >-
linear-gradient(90deg, #ff0000 0%, #ff7f00 14%, #ffff00 28%,
#00ff00 42%, #0000ff 56%, #4b0082 70%, #9400d3 84%, #ff0000
100%)
- id: text-1768066719189-lgaqm7y5c
type: text
text: Effect Speed
link: ""
hide_if_no_link: false
tap_action:
action: nothing
hold_action:
action: nothing
double_tap_action:
action: nothing
icon: ""
icon_color: ""
icon_position: before
template_mode: false
template: ""
unified_template_mode: false
unified_template: ""
enable_hover_effect: true
hover_background_color: var(--divider-color)
font_weight: "700"
text_transform: uppercase
design: {}
display_mode: always
display_conditions: []
font_size: 16
color: var(--primary-text-color)
- id: spinbox-1768066539229-8qkoicji4
type: spinbox
min_value: 0
max_value: 100
step: 1
value: 20
layout: horizontal
show_value: true
value_position: center
show_unit: false
unit: ""
button_style: flat
button_shape: rounded
button_size: 40
button_spacing: 12
button_gap: 8
increment_icon: mdi:plus
decrement_icon: mdi:minus
button_background_color: var(--primary-color)
button_text_color: white
value_color: var(--primary-text-color)
value_font_size: 18
tap_action:
action: nothing
hold_action:
action: nothing
double_tap_action:
action: nothing
display_mode: always
display_conditions: []
template_mode: false
template: ""
entity: number.lumi_oben_effect_speed
module_name: Effect Speed
- id: col-1767985233934-j13wdzdj2
modules:
- id: button-1768067273455-1wax8nns4
type: button
label: Lumi unten
action:
action_type: none
style: glass
icon: mdi:led-strip-variant
icon_position: before
show_icon: true
icon_size: 24px
background_color: >-
linear-gradient(90deg, #ff0000 0%, #ff7f00 14%, #ffff00 28%,
#00ff00 42%, #0000ff 56%, #4b0082 70%, #9400d3 84%, #ff0000
100%)
text_color: white
use_entity_color: false
background_color_entity: ""
background_state_colors: {}
tap_action:
action: more-info
entity: light.lumi_unten_3
hold_action:
action: none
double_tap_action:
action: none
display_mode: always
display_conditions: []
button_text: Click Me
module_name: Lumi unten
design:
background_color: >-
linear-gradient(90deg, #ff0000 0%, #ff7f00 14%, #ffff00 28%,
#00ff00 42%, #0000ff 56%, #4b0082 70%, #9400d3 84%, #ff0000
100%)
- id: text-1768066857754-3ie0w58sj
type: text
text: Effect Speed
link: ""
hide_if_no_link: false
tap_action:
action: nothing
hold_action:
action: nothing
double_tap_action:
action: nothing
icon: ""
icon_color: ""
icon_position: before
template_mode: false
template: ""
unified_template_mode: false
unified_template: ""
enable_hover_effect: true
hover_background_color: var(--divider-color)
font_weight: "700"
text_transform: uppercase
design: {}
display_mode: always
display_conditions: []
font_size: 16
color: var(--primary-text-color)
- id: spinbox-1768066821721-bxb289zkn
type: spinbox
min_value: 0
max_value: 100
step: 1
value: 20
layout: horizontal
show_value: true
value_position: center
show_unit: false
unit: ""
button_style: flat
button_shape: rounded
button_size: 40
button_spacing: 12
button_gap: 8
increment_icon: mdi:plus
decrement_icon: mdi:minus
button_background_color: var(--primary-color)
button_text_color: white
value_color: var(--primary-text-color)
value_font_size: 18
tap_action:
action: nothing
hold_action:
action: nothing
double_tap_action:
action: nothing
display_mode: always
display_conditions: []
template_mode: false
template: ""
entity: number.lumi_unten_effect_speed
module_name: Effect Speed
vertical_alignment: stretch
horizontal_alignment: stretch
column_layout: 1-2-1-2
card_name: Lumi Steuerung
card_background_image_type: upload
card_background_image: /api/image/serve/199cb965a9a5d1fda451da36499a55e3
Kann man noch verfeinern, für mich reicht es aus.
VG Matthias