Help with new Garage Door Card

Configuration Frontend
21

Again for the win! Very much appreciate the help here.

Is there an easy place to soak up how to do all of this? Trying to not be the guy that constantly posts the easy questions. I’ve read a great deal of documentation and I come from an IT Engineering background. I want to learn the how and why as much as possible. The community here is nothing short of incredible.

I am curious how the basic entities card I was using with MyQ was able to show the door in an “opening” state briefly while transitioning from open to closed or vise versa. Outside of that, I think my garage door card is complete thanks to you all!

22

For button card the GitHub is very informative to understand it’s capabilities.

I always start with Github to understand HACs modules.

For card-mod start here. It’s an extensive guide.

23

MyQ had 4 states, Open, Closed, opening, closing. You are down to 2 with On and Off.

Another good link

24

Thank you so much! Glad I’m not the only one chomping away at this late on a weekend.

1 Like
25

I’ve reused the code you pasted here to setup my garage door control but when I add it to my dashboard the card is blank. It looks like it is rejecting my YAML as when I reopen the card it hasnt saved the code. I have only one door so I don’t need to stack them.

type: custom:button-card
  entity: binary_sensor.front_gate_input_0_input
  show_name: false
  state:
   - value: 'on'
    color: rgb(92,184,92)
    icon: mdi:garage
   - value:'off'
    color: rgb(255,193,7)
    icon: mdi:garage-open
   - value: unknown
    color: rgb(217,83,79)
    icon: mdi:garage-alert
    styles:
      card:
      - animation: blink 2s ease infinite
   - value: unavailable
    color: rgb(217,83,79)
    icon: mdi:garage-alert
    styles:
     card:
      - animation: blink 2s ease infinite
  tap_action:
   action: call-service
   service: switch.toggle
   data:
    entity_id: switch.garage_roller_door_switch_0
   confirmation:
    text: Are you sure?
  hold_action:
   action: more-info
26

Sorted it out. The indenting was incorrect.