I am attempting to combine 2 cards that work independently. I can’t seem to get the spacing and indentation correct to add them to a vertical stack. Is there a tool or rune of thumb/tricks to this. I was able to work with it before the style of the text changed from the examples on the docs to being mucked by the interface editor.
Top Half
cards:
- color: 'rgb(117, 117, 117)'
color_type: label-card
name: Media Mode
type: 'custom:button-card'
- cards:
- color_type: icon
entity: input_select.theater_media_mode
hold_action:
action: none
icon: 'mdi:television'
label: TV
show_icon: true
show_label: true
show_name: false
show_state: false
size: 60%
state:
- color: 'rgb(20, 120, 220)'
value: TV
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.theater_media_mode
option: TV
type: 'custom:button-card'
- color_type: icon
entity: input_select.theater_media_mode
hold_action:
action: none
icon: 'mdi:projector'
label: Projector
show_icon: true
show_label: true
show_name: false
show_state: false
size: 60%
state:
- color: 'rgb(20, 120, 220)'
value: Projector
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.theater_media_mode
option: Projector
type: 'custom:button-card'
- card:
color: 'rgb(255, 0, 0)'
color_type: icon
entity: remote.theater
hold_action:
action: none
icon: 'mdi:power'
label: Power Off
show_icon: true
show_label: true
show_name: false
show_state: false
size: 60%
tap_action:
action: call-service
service: remote.turn_off
service_data:
entity_id: remote.theater
type: 'custom:button-card'
conditions:
- entity: remote.theater
state_not: 'off'
type: conditional
type: horizontal-stack
type: vertical-stack
Bottom Half
card:
cards:
- cards:
- card:
color_type: card
entity: switch.tv_appletv
entity_picture: /local/Apple-TV.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: TV
type: conditional
- card:
color_type: card
entity: switch.prj_appletv
entity_picture: /local/Apple-TV.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: Projector
type: conditional
- card:
color_type: card
entity: switch.tv_shield
entity_picture: /local/Nvidia-01.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: TV
type: conditional
- card:
color_type: card
entity: switch.prj_shield
entity_picture: /local/Nvidia-01.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: Projector
type: conditional
- card:
color_type: card
entity: switch.tv_raspberrypi
entity_picture: /local/Raspberry-PI-01.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: TV
type: conditional
- card:
color_type: card
entity: switch.prj_raspberrypi
entity_picture: /local/Raspberry-PI-01.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: Projector
type: conditional
type: horizontal-stack
- cards:
- card:
color_type: card
entity: switch.tv_wallhdmi
entity_picture: /local/Settings-input-hdmi-01.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: TV
type: conditional
- card:
color_type: card
entity: switch.prj_wallhdmi
entity_picture: /local/Settings-input-hdmi-01.svg
show_entity_picture: 'true'
show_name: true
show_state: false
state:
- color: 'rgb(20, 120, 220)'
value: 'on'
type: 'custom:button-card'
conditions:
- entity: input_select.theater_media_mode
state: Projector
type: conditional
type: horizontal-stack
type: vertical-stack
conditions:
- entity: input_select.theater_media_mode
state_not: None
type: conditional