# Connect Rectangle to Card List **URL:** \ **Category:** Get Help\ **Created:** [April 4, 2023, 1:56pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752 "2023-04-04T13:56:11Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![freegg](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/freegg/32/28538_2.png) [@freegg](https://forum.adalo.com/u/freegg)\ **Post date:** [April 4, 2023, 1:56pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/1 "2023-04-04T13:56:11Z")
My web app has rectangle tabs. I created a collection for my rectangle tabs and they are called issue areas. Each issue represents one tab on my web app. Now, I am trying to connect my rectangle tabs to a Card list that displays items on the same screen and each item has an issue area property. I want to allow users to select a particular issue rectangle and it will update the card list. I’m assuming that I have to create multiple card lists which is fine but I am not even able to connect one rectangle issue tab to a card list of items. Thanks in advance for your help. ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [April 4, 2023, 3:35pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/2 "2023-04-04T15:35:22Z")
Hi @freegg, Is it possible you to share a short video showing your setup and what you want to do? For me it’s a bit hard to understand 😶 By tabs means tabs in a menu right? Thank you ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [April 4, 2023, 5:16pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/4 "2023-04-04T17:16:47Z")
So a button is inside in every white rectangles and you need that when you click on a group ( rectangle and a button ) filter the card list based on that clicked group? Could you share some screenshots of the database collections and the card list settings? ---
**Author:** ![freegg](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/freegg/32/28538_2.png) [@freegg](https://forum.adalo.com/u/freegg)\ **Post date:** [April 5, 2023, 12:33pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/6 "2023-04-05T12:33:11Z")
Hi @Yongki is this something you can help with? ---
**Author:** ![Yongki](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@Yongki](https://forum.adalo.com/u/Yongki)\ **Post date:** [April 5, 2023, 12:45pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/7 "2023-04-05T12:45:03Z")
I can only guess, there might be a need to link the Artworks to Issue Areas. Basically, if we want to have different tab with each has its own list, there should be parent-child relationship (1-to-many). ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [April 5, 2023, 12:48pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/8 "2023-04-05T12:48:09Z")
@freegg, Sorry for the late reply! Thanks for the screenshots! > [@freegg](#): > > I created a collection for my rectangle tabs and they are called issue areas. > > Each issue represents one tab on my web app. > > Now, I am trying to connect my rectangle tabs to a Card list that displays items on the same screen and each item has an issue area property. Now you can add a input to your screen or you can use a text property in the users collection or you can use a one to many rel like [this](https://vimeo.com/808628279). Maybe using a rel or a input will be easy. For use a rel you can check the above video and for input : - You can add a input to this screen and name it as like issue area filter. - Then for the list where the white rectangle and button ( group ) included that connected to the issue areas collection you can add a change input value action that changes that input to the current issue area \> the property where this record can match with the artworks collection issue area property have. - Then you can add a filter in the card list that issue area \> contains \> issue area filter input ---
**Author:** ![freegg](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/freegg/32/28538_2.png) [@freegg](https://forum.adalo.com/u/freegg)\ **Post date:** [April 5, 2023, 6:07pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/9 "2023-04-05T18:07:16Z")
Hey @Dilon Thanks for getting back to me. I’ve been working on your rel idea throughout my work day. In the rel video, you made the categories with a horizontal card list. In my screenshot, I created rectangles with a button inside them and wanted to filter the card with the grouped rectangle and button. You made a custom list and connected that to the horizontal card, that correct? If so, I actually wouldn’t mind making each category (issue area) an image in a horizontal card list but is this the only way it could work? Let me know your thoughts. And I’ll try the input option if necessary. ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [April 6, 2023, 10:57am UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/10 "2023-04-06T10:57:39Z")
@freegg, I’m sorry but I didn’t understand what you are saying 😶 I made two videos that may help you! With Rel : [Artworks filter with rel.mp4 - Google Drive](https://drive.google.com/file/d/1Q085HwmzlmgjJPmfrcyQystmSZjJ___E/view?usp=sharing) With Input : [Artworks filter with input.mp4 - Google Drive](https://drive.google.com/file/d/1gU4wMyxR1wyuc5XtwD8DWCeCMo6LBZvW/view?usp=sharing) ---
**Author:** ![freegg](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/freegg/32/28538_2.png) [@freegg](https://forum.adalo.com/u/freegg)\ **Post date:** [April 6, 2023, 3:23pm UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/11 "2023-04-06T15:23:29Z")
Hi @Dilon , You are the man! Thanks for making the video and showing how it all works. I went with the rel option and it’s looking good with a horizontal card list image. ---
**Author:** ![stefaneiet](https://avatars.discourse-cdn.com/v4/letter/s/dbc845/32.png) [@stefaneiet](https://forum.adalo.com/u/stefaneiet)\ **Post date:** [April 7, 2023, 8:58am UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/12 "2023-04-07T08:58:06Z")
Thanks 😍 [https://telegra.ph/](https://telegra.ph/) ---
**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\ **Post date:** [April 17, 2023, 8:58am UTC](https://forum.adalo.com/t/connect-rectangle-to-card-list/37752/13 "2023-04-17T08:58:41Z")
Closed on April 17, 2023, 8:58am UTC This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.