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
petro
(Petro)
July 22, 2019, 7:04pm
2
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
petro
(Petro)
May 30, 2020, 1:31am
5
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
klogg
(Klogg)
May 30, 2020, 9:36am
7
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