# How do I create a custom button UI?

**URL:** https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313
**Category:** Developers
**Created:** [August 25, 2019, 1:12pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313 "2019-08-25T13:12:41Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![mthurlin](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/mthurlin/32/12800_2.png) [@mthurlin](https://community.homey.app/u/mthurlin)
#### Post date: [August 25, 2019, 1:12pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/1 "2019-08-25T13:12:41Z")

</div>

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](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/1/1c319893a5e7d5e2dd5f26142504efb6f8e56812.png)

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?

---

<div class="post-metadata">

### Author: ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)
#### Post date: [August 25, 2019, 1:23pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/2 "2019-08-25T13:23:54Z")

</div>

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) .

---

<div class="post-metadata">

### Author: ![mthurlin](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/mthurlin/32/12800_2.png) [@mthurlin](https://community.homey.app/u/mthurlin)
#### Post date: [August 25, 2019, 1:50pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/3 "2019-08-25T13:50:22Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)
#### Post date: [August 25, 2019, 1:51pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/4 "2019-08-25T13:51:42Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Torstein](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torstein/32/2043_2.png) [@Torstein](https://community.homey.app/u/Torstein)
#### Post date: [February 12, 2020, 6:08pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/5 "2020-02-12T18:08:08Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)
#### Post date: [February 12, 2020, 6:09pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/6 "2020-02-12T18:09:22Z")

</div>

Use the mobile card in the AND section.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/8/88dd35813e26edd6e744fbe83ddf42b18661620c.jpeg)

---

<div class="post-metadata">

### Author: ![Torstein](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torstein/32/2043_2.png) [@Torstein](https://community.homey.app/u/Torstein)
#### Post date: [February 12, 2020, 6:38pm UTC](https://community.homey.app/t/how-do-i-create-a-custom-button-ui/17313/7 "2020-02-12T18:38:40Z")

</div>

Thx so much for this 👏
