# 🖼️ Transform your card actions into tags

**URL:** <https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257>\
**Category:** Community Resources\
**Tags:** custom-css, collections\
**Created:** [September 10, 2024, 8:46am UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257 "2024-09-10T08:46:15Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [September 10, 2024, 8:46am UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/1 "2024-09-10T08:46:15Z")

</div>

With a bit of custom css you can create tags on card collections. Check this out 👇

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/2172a39a88453a27e42ff14cb632d9a345744317.jpeg "Glide Apps - How to Add Tags to Your Cards Collection") ](https://www.youtube.com/watch?v=Lt7wNNFU1Qc)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 10, 2024, 10:01am UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/3 "2024-09-10T10:01:43Z")

</div>

Glide card collection components have been updated and no longer have buttons within the card. Actions are now grouped in a three-dot menu. I think you can switch it with custom collection.

![Screenshot 2024-09-10 at 16.47.44](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/0/507e88841f7955b3e140d8fca9cdbbc7c100bb85.png)

---

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [September 10, 2024, 11:55am UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/4 "2024-09-10T11:55:06Z")

</div>

Buttons are still within the card, you just have to make sure the design isn’t minimal. Just keep the card design.

---

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [September 10, 2024, 12:02pm UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/5 "2024-09-10T12:02:47Z")

</div>

![Untitled design (18)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/0/8012ff2ffd04c6c34cfb1c638d46210589ab1e4b.jpeg)

Sometimes i use a custom collection. Even inside the custom collection it was very easy to setup a card collection (pointing to this item only) and then make the actions become tags. I also colored the card white and removed the padding around the image to align it with other components in the custom collection.

If you need more control on the tags or more tags, you can use a rich text component to replace the image like in this video. but the actions to tag was faster to set up.

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/e/ae32d3f93c91e2268a0d291062c91eaee7cce42b.jpeg "Glide Apps - Overlay text on images") ](https://www.youtube.com/watch?v=9HX6GhLyo9U)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 10, 2024, 12:05pm UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/6 "2024-09-10T12:05:46Z")

</div>

It’s my bad; it turns out I didn’t remove the empty action.

---

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [September 10, 2024, 12:07pm UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/7 "2024-09-10T12:07:19Z")

</div>

Before i replied, i doubted myself and tested it on a new team.  
Funny thing is the card was created with 2 empty actions and then the 3rd action… so i guess that might be the confusing part.

I hope they never remove the buttons… if someone only wants the 3 dots they can easily create 2 empty actions and then the necessary actions.

---

<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:** [September 10, 2024, 3:04pm UTC](https://community.glideapps.com/t/transform-your-card-actions-into-tags/76257/8 "2024-09-10T15:04:39Z")

</div>

Thanks for sharing!
