Hi!
Yesterday i discovered bubble cards. implementing it on one of my testing dashboards as of now.
Behind one button on the dashboard i have made one bubble card in pop-up configuration.
In that pop-up card i have made multiple separators that devide
the pop-up in multiple rooms.
Now some separators have a lot of blank space, and some not. Realy weird.
Layouts are kept as default.
Tried playing with the layouts and shorten button names but can’t figure out why i have so much free white space with some separators.
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#Lights"
button_type: name
sub_button:
main: []
bottom: []
name: Lampen
icon: mdi:lamps
- type: custom:bubble-card
card_type: button
button_type: switch
sub_button:
main: []
bottom: []
entity: script.nachtstand
name: Nachtstand
icon: mdi:weather-night
tap_action:
action: toggle
- type: custom:bubble-card
card_type: separator
name: Woonkamer
rows: 1.519
sub_button:
main:
- entity: light.woonkamer_alle_lampen
tap_action:
action: toggle
bottom:
- entity: light.woonkamer_lamp_plafond
show_name: true
show_state: false
show_last_changed: false
tap_action:
action: toggle
sub_button_type: slider
min_value: 0
max_value: 100
slider_live_update: false
allow_light_slider_to_0: true
light_transition: false
always_visible: false
fill_width: true
tap_to_slide: false
relative_slide: false
light_slider_type: brightness
- entity: light.woonkamer_vloerlamp
show_name: true
show_state: false
tap_action:
action: toggle
icon: mdi:sofa
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.eetkamer_lamp_plafond
tap_action:
action: toggle
sub_button_type: default
slider_live_update: false
allow_light_slider_to_0: true
light_transition: false
max_value: 100
min_value: 0
bottom:
- entity: light.eetkamer_lamp_plafond
sub_button_type: slider
show_name: true
allow_light_slider_to_0: true
fill_width: true
name: Lamp Plafond
always_visible: false
show_button_info: false
hide_when_parent_unavailable: false
invert_slider_value: false
rows: 1.519
name: Eetkamer
icon: mdi:food-turkey
card_layout: large
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.keuken_lamp_plafond
name: Keuken - Lamp Plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Keuken
icon: mdi:fridge
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.kantoor_alle_lampen
tap_action:
action: toggle
bottom:
- entity: light.kantoor_lamp_plafond
show_name: true
tap_action:
action: perform-action
perform_action: script.kantoor_lamp_plafond_volle_sterkte
target: {}
double_tap_action:
action: perform-action
perform_action: script.nieuw_script
target: {}
hold_action:
action: perform-action
perform_action: script.1776016185476
target: {}
- entity: light.kantoor_lamp_bureau_robert
show_name: true
tap_action:
action: toggle
sub_button_type: slider
min_value: 0
max_value: 100
relative_slide: false
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
rows: 1.519
name: Kantoor
icon: mdi:laptop
card_layout: normal
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.slaapkamer_alle_lampen
tap_action:
action: toggle
bottom:
- entity: light.slaapkamer_lamp_plafond
sub_button_type: slider
show_name: true
slider_live_update: false
light_transition: true
allow_light_slider_to_0: true
name: Lamp Plafond
content_layout: icon-left
fill_width: true
- entity: light.slaapkamer_lamp_nachtkastje_robert
sub_button_type: slider
show_name: true
min_value: 0
max_value: 100
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
name: Nachtkastje Robert
fill_width: true
- entity: light.slaapkamer_lamp_nachtkastje_tim
sub_button_type: slider
show_name: true
min_value: 0
max_value: 100
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
name: Nachtkastje Tim
fill_width: true
rows: 1.519
name: Slaapkamer
icon: mdi:bed-king
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.hal_lamp_plafond
tap_action:
action: toggle
sub_button_type: default
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
bottom:
- entity: light.hal_lamp_plafond
sub_button_type: slider
show_name: true
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
rows: 1.519
name: Hal
icon: mdi:coat-rack
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.overloop_lamp_plafond
sub_button_type: default
max_value: 100
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
tap_action:
action: toggle
bottom:
- entity: light.overloop_lamp_plafond
sub_button_type: slider
show_name: true
slider_live_update: false
allow_light_slider_to_0: true
light_transition: true
rows: 1.519
name: Overloop
icon: mdi:wardrobe
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.zolder_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Zolder
icon: mdi:home-roof
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.berging_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Berging
icon: mdi:garage
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.bijkeuken_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Bijkeuken
icon: mdi:washing-machine
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.badkamer_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Badkamer
icon: mdi:shower
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.technische_ruimte_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Technische ruimte
icon: mdi:lightning-bolt
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.achtertuin_lamp
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Achtertuin
icon: mdi:shovel
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.oprit_alle_lampen
tap_action:
action: toggle
bottom:
- entity: light.oprit_lamp_beweging
tap_action:
action: toggle
show_name: true
- entity: light.oprit_lamp_overkapping
show_name: true
tap_action:
action: toggle
rows: 1.519
name: Oprit
icon: mdi:car
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.logeerkamer_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Logeerkamer
icon: mdi:bed
- type: custom:bubble-card
card_type: separator
sub_button:
main:
- entity: light.toilet_lamp_plafond
tap_action:
action: toggle
bottom: []
rows: 1.519
name: Toilet
icon: mdi:toilet
