"Mushroom like" to choose between 3 actions

Configuration Frontend
1

Hi there, I just cgot a Worx grass mower, and looking fir a mushroow like button giving 3 choices like “go home”, “mow” or “border mow” … ideally where the 3 options could be shown at the same time, and select one of the 3 …

Is that kind of mushroom button allowing 3 choices existing ?

Many thanks !!

2

One option is to stack the cards into one main card

image
image888×184 7.2 KB

Just an example. You’ll have to update the entities and tap actions.

type: custom:layout-card
layout_type: custom:grid-layout
layout:
  grid-template-columns: 1fr 1fr 1fr
  margin: 0px 0px 0px 0px
cards: 
 - type: custom:mushroom-template-card
   entity: your.device
   icon_color: blue
   primary: Home
   icon: mdi:home
   tap_action: 
     action: your_action
   card_mod:
     style: |
      ha-card {
       border: none;
         }
 - type: custom:mushroom-template-card
   icon: mdi:mower 
   entity: your.device
   icon_color: green
   primary: Mow 
   tap_action: 
     action: your_action
   card_mod:
     style: |
      ha-card {
       border: none;
         }   
 - type: custom:mushroom-template-card
   icon: mdi:border-all-variant
   entity: your.device
   icon_color: yellow
   primary: Border Mow 
   tap_action: 
     action: your_action
   card_mod:
     style: |
      ha-card {
       border: none;
         }
3

That is nice … is it possible to have the icon of the currently selected “button” colored, and the 2 others grayed out so that we clearly see which of the three is currently active ?

Many thanks !!

4

Yes just adjust the icon_color: to this

icon_color: |
    {{ 'green' if is_state(entity, 'on') else 'grey' }}

I am not familiar with the Worx integration so the entity status may need adjusted

Check out these Mushroom threads here and here