Visual feedback when pressing tiles

📝 Dashboards Easy Dashboard 🆕
1

When I place buttons on the dashboard (an EASY dashboard), they have a gray "B1" on them pressing that triggers the button press, but there's zero visual or audio feedback to indicate the press was recognized.

It would be really helpful to have the button blink/flash when the hub recognizes the button press.

7 Likes
2

This has always been an odd quirk of Dashboards, both legacy and EZ. I have ended up using switches with auto-off set to get around this shortcoming. That introduces a whole another level of rules, converting from switch to button, and so on.

Just a simple 100ms blink when you touch the button would be terrific.

5 Likes
3

@gopher.ny @bobbyD Any thoughts on adding this to a wish list? Other tiles do have visual feedback--would it be hard to add it to the button tiles?

Thanks!

1 Like
5

Consider adding a visual cue, like a blink or flash, when the hub registers a button press to provide immediate feedback.

1 Like
6

Add this CSS to dashboard to get visual feedback for Buttons

Qiuck tap is .8 seconds flash
Holding the button pressed will keep its background lit up for the duration of the hold.

/* Default */
#tile-6 {
  transition: background-color 0.2s ease;
}

/* Held down = stay green */
#tile-6:active {
  background-color: green !important;
  animation: none !important; /* cancel flash animation while holding */
}

/* Tap (after release) = flash green */
#tile-6.clicked {
  animation: pressedFlash 0.8s forwards;
}

/* Flash animation */
@keyframes pressedFlash {
  0%   { background-color: green; }
  100% { background-color: inherit; }
}
2 Likes
7

That would be something on a "legacy" dashboard, right? (those already have a bit of button-push feedback).

How to you add that to an "Easy" dashboard, which is the topic of this post? It doesn't appear to offer the "Advanced" tab where you can add CSS.

8

Unfortunately, you cannot. Hence, "EZ" dashboards as opposed to the standard dashboards which offer more features/customization.

9

That's what I thought, hence my suggestion in the Easy Dashboard topic.