# Display card information on sidebar modal

**URL:** <https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994>\
**Category:** How do I?\
**Created:** [June 9, 2023, 8:46am UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994 "2023-06-09T08:46:43Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kevin\_Letllr](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevin_letllr/32/3078_2.png) [@Kevin\_Letllr](https://community.weweb.io/u/Kevin_Letllr)\
**Post date:** [June 9, 2023, 8:46am UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/1 "2023-06-09T08:46:43Z")

</div>

Hey,  
I’m trying to display candidate cards information on a modal, but i think that i’m lost trying to bind collection. Maybe i’m doing it wrong, any help needed !

Here is a video of what i want to do : [Bird Eats Bug](https://app.birdeatsbug.com/sessions/6l6Ako-ceeQ17GsphUtZ-ZsWNAhVgJUQwcph6WNF0f61)

When clicking “voir le profil” i want to display all information about the candidate.  
All informations are on my xano database.

Can anyone help ? 🙂

Thanks a lot, and sorry, i need to learn more 😅

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedric/32/9809_2.png) [@Cedric](https://community.weweb.io/u/Cedric)\
**Post date:** [June 9, 2023, 12:24pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/2 "2023-06-09T12:24:41Z")

</div>

Hey Kevin,

Try save the item.data to a variable (when clicking the button). Then bind the sidebar information to the info from the variable.  
Then clear the variable value when closing the sidebar.

---

<div class="post-metadata">

**Author:** ![jaredgibb](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jaredgibb](https://community.weweb.io/u/jaredgibb)\
**Post date:** [June 9, 2023, 2:38pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/3 "2023-06-09T14:38:48Z")

</div>

This is what I would do ⬆ ⬆ ⬆

---

<div class="post-metadata">

**Author:** ![Kevin\_Letllr](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevin_letllr/32/3078_2.png) [@Kevin\_Letllr](https://community.weweb.io/u/Kevin_Letllr)\
**Post date:** [June 9, 2023, 3:38pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/4 "2023-06-09T15:38:57Z")

</div>

Thanks a lot for your help! 😃

---

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [July 3, 2023, 12:54pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/5 "2023-07-03T12:54:46Z")

</div>

Could you break this process down for a noob?  
I’m trying to do something similar except in my case, I’m selecting an item in a datagrid.

I’ve created a variable with a type text and when the item is selected run a Workflow to change the variable to match the item in the datagrid.  
Although, I’m not sure whether I’m doing it right as this doesn’t seem to be doing anything

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/85bc2ef3c8741bd0ccf34e12167deacc6094ba1e.png)

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedric/32/9809_2.png) [@Cedric](https://community.weweb.io/u/Cedric)\
**Post date:** [July 3, 2023, 1:47pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/6 "2023-07-03T13:47:53Z")

</div>

Hey Rory,  
Your “Cred\_datagrid - selectedRows” is an array and is empty currently from what I can tell.  
is it normally an array of objects?  
If so then you’d need to specify which object to save the “active\_cred” variable.

Using array indexing… like “Cred\_datagrid - selectedRows[0]”

hope that helps

---

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [July 4, 2023, 1:47pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/7 "2023-07-04T13:47:45Z")

</div>

Thanks @Cedric, I’m fetching data from Xano and populating it into a table.  
I was creating a workflow for when a row is clicked, the sidebar modal would show and the active row would populate the sidebar. I can’t understand why it’s showing up as empty.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9234fc96f21ce0248e434291b0fc833d822b8c08.png)

When I go to the Workflow, it doesn’t give me an option to select any of the data.  
I tried your suggestion but it didn’t work for me.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9b96dfed049b49f980d24e6c8ca3989b02cc4986.png)

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedric/32/9809_2.png) [@Cedric](https://community.weweb.io/u/Cedric)\
**Post date:** [July 5, 2023, 9:23am UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/8 "2023-07-05T09:23:59Z")

</div>

I’m not really familiar with the datagrid as I use custom build tables. So can’t really help without looking at it.

Have you tried binding the grid to the collection “Credentials.data” ?

If you want to see the item.data, you’d need to apply the workflow to the child element of the array. Like at a row level. Not to the Datagrid… if that makes sense

---

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [July 5, 2023, 1:35pm UTC](https://community.weweb.io/t/display-card-information-on-sidebar-modal/2994/9 "2023-07-05T13:35:41Z")

</div>

No worries, thanks for your help.

BTW: I just realised that the “selectedRows” relates to the rows where a checkbox is selected.

> [@Cedric](#):
>
> Using array indexing… like “Cred\_datagrid - selectedRows[0]”

If I select the checkbox and then click on any row, it’ll show the sidebar and pass through the information for the checked row.

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/597679a6ee36327b38d7769fcc105ab796403a68.png)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/82c3f2509984ce3c585bd8b4fd7f261a366e0ec1.png)
