# How add button to layout or grod view of every employee

**URL:** https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945
**Category:** Ask for Help
**Created:** [February 19, 2024, 5:45am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945 "2024-02-19T05:45:38Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Fardina\_Kabir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fardina_kabir/32/71107_2.png) [@Fardina\_Kabir](https://community.glideapps.com/u/Fardina_Kabir)
#### Post date: [February 19, 2024, 5:45am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/1 "2024-02-19T05:45:38Z")

</div>

Hello, I have been wanting to add a button to every employee details on a grid layout and I need your help to finish this. The button needs to act like a notification that sends a message, like ’ hello selected employee ’ when clicked.

---

<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 19, 2024, 7:44am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/2 "2024-02-19T07:44:13Z")

</div>

> [@Fardina\_Kabir](#):
>
> Hello, I have been wanting to add a button to every employee details on a grid layout and I need your help to finish this.

If you’re talking about the Data Grid layout, that doesn’t support item-level actions. You would have to use a collection instead.

---

<div class="post-metadata">

### Author: ![Fardina\_Kabir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fardina_kabir/32/71107_2.png) [@Fardina\_Kabir](https://community.glideapps.com/u/Fardina_Kabir)
#### Post date: [February 19, 2024, 8:11am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/3 "2024-02-19T08:11:18Z")

</div>

How to use the collection instead, can you please tell me?

---

<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 19, 2024, 8:41am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/4 "2024-02-19T08:41:11Z")

</div>

> **[Collections | Glide Docs](https://www.glideapps.com/docs/collection-components)**
>
> Show lists of items from your tables in different layouts.

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [February 19, 2024, 2:32pm UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/5 "2024-02-19T14:32:27Z")

</div>

Hello @ThinhDinh ,

I was looking to build a similar functionality. With any type of collection, how can I add a button beside each item? It only displays an item. Do you mean on click of the item define a button and add required functionality?

---

<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 19, 2024, 11:41pm UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/6 "2024-02-19T23:41:07Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/8/98a1bcd19a86c3a9a9726cf5cd381cf590c923c5.jpeg)

For any collections, you will have the ability to choose “Enable advanced actions”.

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

Then, from the Collection Item Actions section, you can create a new action (to have multiple actions in a flow), or choose from existing actions underneath if you only need one.

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [February 20, 2024, 1:45pm UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/7 "2024-02-20T13:45:39Z")

</div>

Thanks for the reply @ThinhDinh . Probably I was not clear with my question. I meant a button right beside each item in a collection. If a collection has 5 items, then in the screen I should see 5 buttons. Is that possible?

Right now, I click on an item and on the detail screen, I’ve given a button. Thought of avoiding that.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [February 20, 2024, 1:55pm UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/8 "2024-02-20T13:55:51Z")

</div>

As @ThinhDinh pointed out, that would be what the Collection Item Actions are for…to place an action button on each item in the collection.

A second alternative is to use a custom collection with a button in the collection container.

Either way, you would get the result you are looking for.

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [February 21, 2024, 5:51am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/9 "2024-02-21T05:51:42Z")

</div>

Thanks a lot @Jeff_Hager and @ThinhDinh . I’d overlooked the Collection Item Actions somehow, I just tried that and it’s so cool, exactly what I wanted.

Is there a way to either change the button to a checkbox or to change the button color based on a condition. I’m trying to keep that as a mechanism to inform the user that he has chosen that particular item.

I came across [this thread](https://community.glideapps.com/t/button-style-with-conditions/39825/4), but I don’t find a way to set the background color in a list. Let me dig a bit deep and see,

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [February 21, 2024, 7:17am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/10 "2024-02-21T07:17:36Z")

</div>

Check boxes do not have way too perform as action, but if you simply want a user to be able to select an item, you can use a checklist style layout of the collection, or you can use a custom collection with a switch component in the collection container. In relation to this thread in regards to the data grid, any boolean column will display as a checkbox in the grid.

There are a lot of tricks as well. Sometimes people will have a button or action on a list item that will set a boolean, and then use an IF column in the table to display a checked or unchecked emoji and then display that emoji in their list.

This thread may be useful for your use case.

> [@white\_check\_markclipboard 4 ways to create CHECKLISTS in Glide!](https://community.glideapps.com/t/4-ways-to-create-checklists-in-glide/71002):
>
> wave Hey fellow Gliders! The concept of a checklist is fairly simple, but there are actually a few ways to build them in Glide depending on your app setup and what data you want to collect from your users. For this reason, I wanted to showcase 4 unique ways to create checklists in Glide. (#3 is my favorite heart_hands)! one The Checkbox Use a series of checkboxes assigned to Boolean columns. white_check_mark Pros: Easy to set up x Cons: Labor intensive, not scalable, no associate…

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [February 21, 2024, 8:01am UTC](https://community.glideapps.com/t/how-add-button-to-layout-or-grod-view-of-every-employee/70945/11 "2024-02-21T08:01:39Z")

</div>

Thank you @Jeff_Hager . I implemented Option 4, using a list and adding an appropriate image with a collection item action.

I change the image as well as the button label based on the value of the boolean field. Just that it would have been nice if I could change the color of the button based on the value of the boolean field. But then, I guess it’s not a big deal. Thanks again!
