Combine horizontal-stack and separate entities in one card

Configuration Frontend
1

Hi,

For my central fan (centrale afzuiging in Dutch) I created some scripts to set the speed to low-medium-high which I can call using a horizontal-stack card on my dashboard. Also I have 2 entities wich I show in a separate card.
I want to combine both, but neither help or community forum points me in a usable direction, or I am bad in searching :wink: So far I have not been able to combine both in writing a yaml for it… Can you please help me?

Below a picture of both cards which I need to be combined to 1. And after that coding of both cards.

Thx a lot!!!

buttons
buttons791×400 12.3 KB 

type: entities
entities:
  - type: custom:slider-entity-row
    entity: fan.itho_fan
    name: Snelheid
  - entity: sensor.itho_humidity
    name: Luchtvochtigheid
title: Centrale afzuiging

type: horizontal-stack
cards:
  - show_name: false
    show_icon: true
    type: button
    show_state: false
    entity: script.itho_normaal
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.itho_normaal
    icon_height: 25px
  - show_name: false
    show_icon: true
    type: button
    show_state: false
    entity: script.itho_midden
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.itho_midden
    icon_height: 25px
  - show_name: false
    show_icon: true
    type: button
    show_state: false
    entity: script.itho_hoog
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.itho_hoog
    icon_height: 25px
2

Like this?

Custom Stack in card:
https://community.home-assistant.io/t/stack-in-card-drop-in-replacement-for-vertical-stack-in-card

3

Hi @NathanCu yes, that is what I am looking for!
However after installation using hacs, clear cache and even a restart I cannot use it? When adding a card it tells me “no type defined” (correct translation I hope). Also adding the sun example (we all have sun since release xyz some time ago) rendered the same message. Seems like I am missing something here. This custom component is exactly what I was looking for!

It is installed:

image
image1124×1163 95.8 KB

image
image1959×1256 144 KB

4

Ignore my previous comment, apparently my HA needed some time to think it over. Working now, many thanks!
Incase anyone is interested, this is what it looks like, including yaml:

2022-09-29_10-55-00
2022-09-29_10-55-00819×474 13 KB 

type: custom:stack-in-card
title: Centrale afzuiging
mode: vertical
cards:
  - type: horizontal-stack
    cards:
      - type: button
        show_name: false
        show_state: false
        show_icon: true
        icon_height: 25px
        entity: script.itho_normaal
        tap_action:
          action: call-service
          service: script.turn_on
          service_data:
            entity_id: script.itho_normaal
      - type: button
        show_name: false
        show_state: false
        show_icon: true
        icon_height: 30px
        entity: script.itho_midden
        tap_action:
          action: call-service
          service: script.turn_on
          service_data:
            entity_id: script.itho_midden
      - type: button
        show_name: false
        show_state: false
        show_icon: true
        icon_height: 35px
        entity: script.itho_hoog
        tap_action:
          action: call-service
          service: script.turn_on
          service_data:
            entity_id: script.itho_hoog
  - type: vertical-stack
    cards:
      - type: entities
        entities:
          - type: custom:slider-entity-row
            entity: fan.itho_fan
            name: Snelheid
          - entity: sensor.itho_humidity
            name: Luchtvochtigheid
1 Like