How do I create a custom button UI?

Developers
1

My use case:
I want to control my garage door from Homey. I have the hardware in place and working (Shelly 1, using an HTTP API).
And, I can add it just fine in Homey using a virtual button and HTTP flow cards.

The problem is that the buttons in Homey are too easy to press. I don’t want to accidentally open my garage door when I just want to switch off a light.

I want to have a “device”/“button” that is triggered by moving a slider (like iphone lock screen/shutdown etc):

image
image.png760×450 37.1 KB

After sliding to open, I’d like to create a confirmation UI. Something like: “This will open the garage door, are you sure? YES / NO”.

Is there any way to create a custom “button UI”? When looking in the docs, the only way to have a custom UI seems to be in the pairing of a device or in the settings for my app?

2

And just a push confirmation is not enough? Because that can be created within a flow.
WHEN button pressed AND push ask for confirmation THEN open the door (only if yes was selected in this case) .

3

Yes, that kind of works as a workaround, but it is not really the best user experience.

Also, I haven’t found a way to only send the confirmation notification to the user who started the flow?

4

No. Making 2 buttons would solve that also, as a workaround.

5

Where do you find “push confirmation” dialog for use in flow?

6

Use the mobile card in the AND section.

image
image1242×357 51.8 KB

1 Like
7

Thx so much for this :clap:

1 Like