Checkbox vs Switch for Input Boolean

I looked around for a bit but could not find anything specific. I’m looking to see if it’s possible to show an input boolean as a checkbox vs a switch.

I wanted to be able to do a simple card with checkboxes for each day of the week, and then use that in automations. I can do that with switches, but just like the idea visually as check boxes.

1 Like

Use the custom:button-card. Remove all button styling & borders with card-mod or card-modder. Use these 2 icons for on / off (mdi:check-box-outline, mdi:checkbox-blank-outline).

It would be a lot of configuration through yaml but it’s doable.

1 Like

I see how you can use card-mod to add styles, but how do you remove all styles?

I use the custom button card for this :

So for my motion notify toggle, it looks like:

            - type: "custom:button-card"
              color_type: card
              entity: input_boolean.motion_detection_alerts
              name: Motion Notify
              show_last_changed: false
              show_state: false
              tap_action:
                action: toggle
              state:
                - value: "on"
                  color: green
                  icon: mdi:cctv
                - value: "off"
                  color: grey
                  icon: mdi:video-off-outline
              styles:
                card:
                  - height: 75px
                  - border-radius: 5px
                  - font-size: 12px

It could be shrunk to suit a bunch of check-boxes easily enough.

1 Like

Is your endgoal just a checkbox? I know alot more about css, it shouldn’t be too bad. What’s your base card configuration right now?

This is a portion of my card. I’d like input_boolean.sun_inc_frontdoor_1 to be a checkbox instead of having the slider look.

cards:
  - content: |
      ## Testes 1 2 3
    type: markdown
  - entities:
      - entities:          
          - input_boolean.sun_inc_frontdoor_1
          - input_datetime.sun_start_date_frontdoor_1
          - input_datetime.sun_end_date_frontdoor_1
        head:
          label: Advanced Options
          type: section
        type: 'custom:fold-entity-row'
        open: true
    show_header_toggle: false
    type: entities
type: vertical-stack

And even better, if possible I’d like to have grouped radio buttons where only one can be “pushed”. Something like:

Coffee Maker

  • on
  • off
  • cleaning mode

This is an interesting thread. I’m a bit late to the party but…

I’ve just spent he last few weeks re-writing my garden irrigation system with a new UI that has both check boxes and radio buttons.

I’m watching this with interest, wondering if there is a better way to do it than I am doing.

This would be straight forward with a picture_element card and an image of the check boxes.

  - entity: input_boolean.sun_inc_frontdoor_1
    state_image:
      'off': /local/box.png
      'on': /local/tick_box.png
    style:
      left: 50%
      top: 50%
    tap_action:
      action: toggle
    type: image