# Requesting a new action: "Show confirmation modal"

**URL:** <https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123>\
**Category:** Feature Requests\
**Created:** [December 31, 2023, 12:29am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123 "2023-12-31T00:29:38Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 31, 2023, 12:29am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/1 "2023-12-31T00:29:38Z")

</div>

👾 The problem:

Show new screen → Overlay gives us a nice option to create a custom modal screen. The problem is that if we want a confirmation modal (eg. “delete item”) on a screen that’s already opened in an overlay, our custom modal screen replaces the overlay screen which can:

1. cause confusion as to the context of the “modal”
2. cause UX issues because closing the “modal” also closes the original overlay screen.

🤞 My request:  
A new action: “Show confirmation modal” that allows us to customize a simple modal display. A perfect example of this is when you delete a file from a file picker component.

https://www.loom.com/embed/1f04e4715b5b483798e296a210527bdc

🗳 Please vote!

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 12:38am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/2 "2023-12-31T00:38:48Z")

</div>

is it not easier to make your own window… exactly the way you want? Use HTML and rich text… unless they will give us a fixed (floating) container… that you can decide the size and position…

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 31, 2023, 12:40am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/3 "2023-12-31T00:40:32Z")

</div>

Not easier, no. HTML modals might give me the effect I want, but creating my own modal with HTML every time I want to offer a confirmation modal would take 5x as long.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 12:41am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/4 "2023-12-31T00:41:24Z")

</div>

no… i have ready ones… just make one time… then copy and paste…

but I would really like the custom fixed container… that would solve so many problems…

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 31, 2023, 12:43am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/5 "2023-12-31T00:43:19Z")

</div>

How does an HTML modal give us the ability to have custom action buttons? It’s definitely more than just “create once copy paste”. Happy to be proved wrong though— create a loom for us.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 12:44am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/6 "2023-12-31T00:44:08Z")

</div>

I posted my popup sample somewhere. Let me find it.

> **[SA Test App](https://sa-test-app.glide.page)**
>
> StructureArt Digital test App

I have all the control over the placement and design… which I like…

@Robert_Petitto type the text and click delete button, to see the popup.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 31, 2023, 1:10am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/7 "2023-12-31T01:10:41Z")

</div>

I don’t think that’s the right app. That one just appears to be a details screen.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 1:11am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/8 "2023-12-31T01:11:39Z")

</div>

no… what are you talking about?

 ![Screenshot 2023-12-30 at 8.11.27 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/18032f7bd8eb3ea24bdf1af3051a34b43763a48c.jpeg)

I just added a slide-in version… copy and paste…

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [December 31, 2023, 1:44am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/9 "2023-12-31T01:44:36Z")

</div>

Voted

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 31, 2023, 2:12am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/10 "2023-12-31T02:12:16Z")

</div>

Are the Yes No buttons just a styled button block? If not, how do your html buttons actually clear values? Can it do more complicated tasks like delete an entire record or delete multiple records over a relation?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 2:16am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/11 "2023-12-31T02:16:52Z")

</div>

No… it is a rich text component… you can add any action or custom action to it, like in regular buttons.

 ![Screenshot 2023-12-30 at 9.22.06 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/1/51f0e13ab67e704e203f2ea4d691dee27fdaa910.jpeg)

And the most important thing… this window doesn’t have a go back or close button like all other native Glide windows have… so you are in total control!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 31, 2023, 3:03am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/12 "2023-12-31T03:03:27Z")

</div>

And I assume that container has a visibility condition set on it based on the previous “delete” button press?

Makes sense… but I’d really like Glide to have a native component to do this. I don’t like using set-columns to display/hide elements anymore if I can help it.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 3:09am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/13 "2023-12-31T03:09:10Z")

</div>

Yes… If they can make a native one, why not? It is suitable for some fast and cheap applications… for professional use… Glide native components are tough to control… that’s why I always make my own 😉  
and always convincing my customers to use Classic Apps… much better

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 31, 2023, 3:47am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/14 "2023-12-31T03:47:09Z")

</div>

How do you put two buttons side by side in rich text like that… I see there’s 3 rich text so I get the idea… give us a hint

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 31, 2023, 3:50am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/15 "2023-12-31T03:50:46Z")

</div>

The window size when you delete a file from the file picker could be nice for a confirmation popup. It even subtly greys out the background. Seems like a lot of the framework is already there. Voted

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 4:40am UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/16 "2023-12-31T04:40:22Z")

</div>

Oh, @Eric_Penn LOL…  
is that hard for you ??? 😜

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 31, 2023, 5:59pm UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/17 "2023-12-31T17:59:28Z")

</div>

This is why I want it 😉

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 6:14pm UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/18 "2023-12-31T18:14:51Z")

</div>

This is very simple, basic HTML… set position:fixed, then calculate top and left…  
BTW… a nice App!

@Eric_Penn did you split the container in 2:1, and now you have 1/3 page waisted? 😉

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 31, 2023, 6:38pm UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/19 "2023-12-31T18:38:28Z")

</div>

Full Screen… but it’'ll cost ya

```auto
div[class*="section-container"] >div {
max-width: 100vw;
}

div[class*="container-padding-md"] {
max-width: 100vw;
}

```

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 31, 2023, 6:41pm UTC](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123/20 "2023-12-31T18:41:33Z")

</div>

so… how did you make the box fixed? oh, you have a business plan and using this limited CSS?

[Next page](https://community.glideapps.com/t/requesting-a-new-action-show-confirmation-modal/69123.md?page=2)