# Making a custom collection component scroll horizontal

**URL:** https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614
**Category:** Ask for Help
**Created:** [March 10, 2025, 4:23pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614 "2025-03-10T16:23:11Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![J\_Bailey](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/j_bailey/32/85963_2.png) [@J\_Bailey](https://community.glideapps.com/u/J_Bailey)
#### Post date: [March 10, 2025, 4:23pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/1 "2025-03-10T16:23:11Z")

</div>

I have created a really nice custom collection which scrolls up and down but I want to change this to horizontal so swipe left to right etc. I can see the option when I add a card component to do this but the layout of the data is limited, any help would be very much appreciated! many thanks J

---

<div class="post-metadata">

### Author: ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)
#### Post date: [March 10, 2025, 6:01pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/2 "2025-03-10T18:01:56Z")

</div>

Sorry it’s only possible in the card collection not in the custom collection

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [March 11, 2025, 1:04am UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/3 "2025-03-11T01:04:10Z")

</div>

Try to use AI component and JSON as the source of data. 🫣

---

<div class="post-metadata">

### Author: ![J\_Bailey](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/j_bailey/32/85963_2.png) [@J\_Bailey](https://community.glideapps.com/u/J_Bailey)
#### Post date: [March 11, 2025, 9:24am UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/4 "2025-03-11T09:24:25Z")

</div>

> [@MaximeBaker](#):
>
> Try to use AI component and JSON as the source of data

Thank you Maxime, can you be a little more specific 😀 I am just trying to get my head around glide! Many thanks Justin

---

<div class="post-metadata">

### Author: ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)
#### Post date: [March 11, 2025, 12:05pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/5 "2025-03-11T12:05:42Z")

</div>

Yes maxime, i am interested too. How would build this?  
Thanks

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [March 15, 2025, 12:12am UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/6 "2025-03-15T00:12:32Z")

</div>

@Marc-Olivier , @J_Bailey Updates:  
I was able to make a Tinder like swiping collection from JSON.

I am fine-tuning some stuff and I will publish it to the forum!

---

<div class="post-metadata">

### Author: ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)
#### Post date: [March 15, 2025, 4:28pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/7 "2025-03-15T16:28:28Z")

</div>

That’s amazing @MaximeBaker !

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [March 17, 2025, 3:15pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/8 "2025-03-17T15:15:50Z")

</div>

I didn’t forget! I am just busy! Making my post today

---

<div class="post-metadata">

### Author: ![fk1214](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fk1214/32/71058_2.png) [@fk1214](https://community.glideapps.com/u/fk1214)
#### Post date: [March 17, 2025, 3:17pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/9 "2025-03-17T15:17:32Z")

</div>

Will you actually show us how (show us how to turn our data into JSON, and prompt the AI component to handle it and properly make the component)? 😄

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [March 17, 2025, 6:58pm UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/10 "2025-03-17T18:58:09Z")

</div>

Ill show everything

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [March 18, 2025, 1:23am UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/11 "2025-03-18T01:23:03Z")

</div>

![1000014763](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/9/a9d6e591681f87c052fd697f721db2a5b526c3be.gif)

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [March 18, 2025, 2:31am UTC](https://community.glideapps.com/t/making-a-custom-collection-component-scroll-horizontal/80614/12 "2025-03-18T02:31:44Z")

</div>

@Marc-Olivier @fk1214 @J_Bailey

> [@Introducing: Swipe Cards Collection (AI Component + JSON)](https://community.glideapps.com/t/introducing-swipe-cards-collection-ai-component-json/80802):
>
> A new way to show data new_buttonHello Fellow Gliders playground_slide I’m excited to share a versatile Swipe Cards Collection I created using an AI Component and JSON. Though it might remind you of Tinder, its applications are extensive. This post will show you what it does and guide you through the implementation. First, here is the baby [1000014763] Fine-tuning You can change anything you want in it by asking the AI to make so changes. Remember that the AI in the Glide AI Component do…
