Entity buttons inside vertical-stack-in-card?

Hey,

I cant seem to figure out how to get the four buttons into the main card. I want everything to be enclosed in the one card. I have 2 other ones similar to this for other PC’s to put in the same view.

Thanks

# TESTING
  - badges: []
    cards:
      - type: vertical-stack
        cards:    
          - type: entities
            show_header_toggle: false
            entities:
              - entity: binary_sensor.lucy_connected
                name: LUCY
                
              - type: custom:vertical-stack-in-card
                cards:
                  - type: custom:swipe-card
                    parameters:
                      spaceBetween: 8
                      scrollbar:
                        hide: false
                        draggable: true
                        snapOnRelease: true
                    cards:
                      - type: custom:card-modder
                        card:
                          type: picture-glance
                          camera_image: camera.lucy_screen_2
                          camera_view: live
                          entities: []
                        style:                 
                          border-radius: 5px
                      - type: custom:card-modder
                        card:
                          type: picture-glance
                          camera_image: camera.lucy_screen_0
                          camera_view: live
                          entities: []
                        style:                 
                          border-radius: 5px
                      - type: custom:card-modder
                        card:
                          type: picture-glance
                          camera_image: camera.lucy_screen_1
                          camera_view: live
                          entities: []
                        style:                 
                          border-radius: 5px

              - type: custom:bar-card
                align: split
                show_icon: true
                padding: 4px
                columns: 2
                max: 85
                card_style: 
                  border-radius: 5px
                entities:
                  - entity: sensor.lucy_hdd_total_free_space_c
                    title:  (C) Free
                    icon: mdi:harddisk
                    severity:
                    - value: 10
                      color: '#bf4040'
                    - value: 100
                      color: '#1db954'
                    unit_of_measurement: 'GB'
                  - entity: sensor.lucy_hdd_total_free_space_e
                    title:  (E) Free
                    icon: mdi:harddisk
                    severity:
                    - value: 10
                      color: '#bf4040'
                    - value: 100
                      color: '#1db954'

              - type: custom:bar-card
                align: split
                show_icon: true
                padding: 4px
                columns: 2
                card_style: 
                  border-radius: 5px
                entities:
                  - entity: sensor.lucy_ram_usage
                    title: RAM Usage
                    icon: mdi:memory
                    severity:
                    - value: 66
                      color: '#1db954'
                    - value: 100
                      color: '#bf4040'
                  - entity: sensor.lucy_cpu_usage
                    title: CPU Usage
                    icon: mdi:thermometer
                    severity:
                    - value: 66
                      color: '#1db954'
                    - value: 100
                      color: '#bf4040'

          # - type: 'custom:text-divider-row'
          #   text: Control Buttons

          # - type: horizontal-stack
          #   cards: 
          #     - type: entity-button
          #       entity: script.lucy_reboot                 
          #     - type: entity-button
          #       entity: script.lucy_reboot                 
          #     - type: entity-button
          #       entity: script.lucy_reboot                 
          #     - type: entity-button
          #       entity: script.lucy_reboot                 

          - type: horizontal-stack
            cards: 
              - type: 'custom:card-modder'
                style:
                  border-radius: 5px   
                  box-shadow: 2px 2px rgba(0,0,0,0.3)    
                  height: 60px 
                  padding: 1%
                  font-size: 13px             
                card:
                  name: 'Reboot'
                  type: entity-button
                  icon: 'mdi:power'
                  hold_action: 
                    action: more-info
                  entity: script.lucy_reboot                 

              - type: 'custom:card-modder'
                style:
                  border-radius: 5px   
                  box-shadow: 2px 2px rgba(0,0,0,0.3)    
                  height: 60px 
                  padding: 1%
                  font-size: 13px             
                card:
                  name: 'Wake'
                  type: entity-button
                  icon: 'mdi:lan-connect'
                  hold_action: 
                    action: more-info
                  entity: script.lucy_wake                 

              - type: 'custom:card-modder'
                style:
                  border-radius: 5px   
                  box-shadow: 2px 2px rgba(0,0,0,0.3)    
                  height: 60px 
                  padding: 1%
                  font-size: 13px             
                card:
                  name: 'Shutdown'
                  type: entity-button
                  icon: 'mdi:power'
                  hold_action: 
                    action: more-info
                  entity: script.lucy_shutdown                 

              - type: 'custom:card-modder'
                style:
                  border-radius: 5px   
                  box-shadow: 2px 2px rgba(0,0,0,0.3)    
                  height: 60px 
                  padding: 1%
                  font-size: 13px             
                card:
                  name: 'Toggle Mute '
                  type: entity-button
                  icon: 'mdi:volume-mute'
                  hold_action: 
                    action: more-info
                  entity: script.lucy_vol_mute                 

Bump please

indent your horizontal stack containing the 4 buttons. Indent them 4 spaces. Also, change the name of type: horizontal-stack to

type: custom:hui-horizontal-stack-card
1 Like

Thank you so much!!!

I think you gave the wrong person the “solution”…

1 Like