Propose: add on cover card under bottom one slider for roller shutter

[Nikibasso94]

Hi,

can you add a slider under bottom in cover type for roller shutter?

like this image

thanks so much

[Clooos]

Hi! You can already do something similar with a button (with the slider type) and some sub-buttons, check this:

https://community.home-assistant.io/t/bubble-card-a-minimalist-card-collection-for-home-assistant-with-a-nice-pop-up-touch/609678/2552?u=cloos

[Nikibasso94]

HI, i try modify cards, but che sub-bottun change color when the cover is open, how make the up sub-button when is opening?

and similar for the down and stop buttom

code yml bubble cards:

type: custom:bubble-card
card_type: button
button_type: slider
entity: cover.tapparellacucina
name: Tapparella Cucina
styles: |
ha-card {
--bubble-accent-color: #614085;
}
sub_button:

• entity: cover.tapparellacucina
  tap_action:
  action: call-service
  service: cover.close_cover
  target:
  entity_id: cover.tapparellacucina
  icon: mdi:arrow-down-bold
  styles: |
  .bubble-button {
  --bubble-accent-color: {{ 'blue' if states('cover.tapparellacucina') == 'closing' else 'grey' }};
  }
• entity: cover.tapparellacucina
  tap_action:
  action: call-service
  service: cover.stop_cover
  target:
  entity_id: cover.tapparellacucina
  icon: mdi:stop
  styles: |
  .bubble-button {
  --bubble-accent-color: {{ 'blue' if states('cover.tapparellacucina') == 'stopped' else 'grey' }};
  }
• entity: cover.tapparellacucina
  tap_action:
  action: call-service
  service: cover.open_cover
  target:
  entity_id: cover.tapparellacucina
  icon: mdi:arrow-up-bold
  styles: |
  .bubble-button {
  --bubble-accent-color: {{ 'blue' if states('cover.tapparellacucina') == 'opening' else 'grey' }};
  }