Quantcast
Channel: Configuration - Home Assistant Community
Viewing all articles
Browse latest Browse all 105566

Highlighting Selected Button

$
0
0

Hello,

I am new to Home Assistant and currently trying to design my UI for the upcoming smart home project.

I try to use Mushroom for UI and got stuck with some configuration.
I currently have a Section on the left with a horizontal and vertical stack where vertical stack is a custom-state-switch. I use the buttons on the top to select different floors and then the plan is to use some bubbles to select rooms indiviually.

I would like to highlight the buttons selected in horizontal-stack (floor selection) but did not manage to do that. Would someone guide me, if there is a simple way to do so? I tried show-state: on but it did not help, possibly due to buttons not being connected to entities :s.

type: horizontal-stack
cards:

  • show_name: true
    show_icon: true
    type: button
    tap_action:
    action: navigate
    navigation_path: “#B
    icon: mdi:home-floor-b
    show_state: true
    hold_action:
    action: none
    theme: Mushroom
  • show_name: true
    show_icon: true
    type: button
    tap_action:
    action: navigate
    navigation_path: “#G
    icon: mdi:home-floor-g
    show_state: true
    hold_action:
    action: none
    theme: Mushroom
  • show_name: true
    show_icon: true
    type: button
    tap_action:
    action: navigate
    navigation_path: “#1
    icon: mdi:home-floor-1
    show_state: true
    hold_action:
    action: none
    theme: Mushroom
  • show_name: true
    show_icon: true
    type: button
    tap_action:
    action: navigate
    navigation_path: “#O
    icon: mdi:home-plus
    show_state: true
    hold_action:
    action: none
    grid_options:
    columns: full
    rows: auto

type: custom:state-switch
entity: hash
default: G
transition: slide-left
transition_time: 1000
states:
“1”:
type: vertical-stack
cards:
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: bedroom
show_camera: false
navigation_path: “”
theme: Mushroom
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: kinderzimmer
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: kids_room_ii
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: washing_room
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: office_room_ii
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: bathroom_ii
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: hall_ii
B:
type: vertical-stack
cards:
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: fitness_center
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: laundry_room
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: cellar_i
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: cellar_ii
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: technical_room
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: bathroom_iii
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: hall_iii
G:
type: vertical-stack
cards:
- camera_view: live
alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: living_room
show_camera: true
navigation_path: “#livingroom
theme: Mushroom
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: kitchen
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: dining_room
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: winter_garden
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: office_room_i
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: badezimmer
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: hall_i
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: sanitaryware
O:
type: vertical-stack
cards:
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: garden
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: garage
- type: area
area: attic
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: front
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: neighhbour_i
- alert_classes:
- motion
- moisture
sensor_classes:
- temperature
- humidity
type: area
area: neighbour_border

Regards,

2 posts - 2 participants

Read full topic


Viewing all articles
Browse latest Browse all 105566

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>