# Custom Action For Collection Item Actions

**URL:** <https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405>\
**Category:** Ask for Help\
**Created:** [February 2, 2023, 6:43am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405 "2023-02-02T06:43:21Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![madhu](https://avatars.discourse-cdn.com/v4/letter/m/a8b319/32.png) [@madhu](https://community.glideapps.com/u/madhu)\
**Post date:** [February 2, 2023, 6:43am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/1 "2023-02-02T06:43:21Z")

</div>

Hello Everyone,  
I am trying have created the custom action to delete a collection item and show delete notification, but delete button is not taking the custom action, Please refer the Screenshots attached

 ![Goal Deletion](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/c/9ca7c306c4d3f202ee363a77f63eae4311ecac8b.png)  
 ![ACtion](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/0/7074c2c5447789646607b052e41f0831a722dcca.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 2, 2023, 11:37pm UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/3 "2023-02-02T23:37:30Z")

</div>

Can you record a video of the supposed bug in action using [Loom](https://loom.com/)?

---

<div class="post-metadata">

**Author:** ![Santiago\_Donado](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiago_donado/32/68385_2.png) [@Santiago\_Donado](https://community.glideapps.com/u/Santiago_Donado)\
**Post date:** [March 13, 2024, 12:19am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/5 "2024-03-13T00:19:41Z")

</div>

Hi! I ran into this thread while searching how to place buttons (Collection Item Actions) on a card component.

With my current setup, buttons appear in the bottom of the card, like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/6/266426e11d77d4b9d544a490abb64666d2d01340.png)

However, I see that you managed to place them on the right side of the card, which is what I would like to do. Can I ask how did you achieve this?

Thanks!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 13, 2024, 12:22am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/6 "2024-03-13T00:22:16Z")

</div>

Guess it’s related to the width of your screen.

Example with 1:1 Container on Desktop.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/1/41cae14ad3fc98a3ddd592486aa79eb18baec869.jpeg)

On mobile.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/e/4e4b6c87a790c1e9072336e1ea88e1c2b930b533.jpeg)

---

<div class="post-metadata">

**Author:** ![Santiago\_Donado](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiago_donado/32/68385_2.png) [@Santiago\_Donado](https://community.glideapps.com/u/Santiago_Donado)\
**Post date:** [March 13, 2024, 12:48am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/7 "2024-03-13T00:48:33Z")

</div>

Thanks for the quick reply!

In desktop I still see them below, maybe its some configuration?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/9900cccf82dab7c448b6ed627523da76006b2293.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 13, 2024, 12:50am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/8 "2024-03-13T00:50:31Z")

</div>

What layout are you using for the custom collection? I’m using 1:1.

---

<div class="post-metadata">

**Author:** ![Santiago\_Donado](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiago_donado/32/68385_2.png) [@Santiago\_Donado](https://community.glideapps.com/u/Santiago_Donado)\
**Post date:** [March 13, 2024, 12:59am UTC](https://community.glideapps.com/t/custom-action-for-collection-item-actions/57405/9 "2024-03-13T00:59:36Z")

</div>

I was able to replicate it. You were right about the screen size.

I was using a grid style, switched it to list style, and now I can see the buttons in desktop, but on mobile I see the three dots.

Any way around this? I guess the UX in mobile is not ideal requiring two clicks.

Mobile:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/2/62d910dc7315b17f504c20ad0ab59256d054a5b0.png)

Desktop:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/4/f4cef058d7a1e3f25d3c28a339383d8f4297fc6c.png)
