# How can I make a horizontal collection with left-right arrows for navigation

**URL:** <https://community.weweb.io/t/how-can-i-make-a-horizontal-collection-with-left-right-arrows-for-navigation/3013>\
**Category:** How do I?\
**Created:** [June 12, 2023, 8:52am UTC](https://community.weweb.io/t/how-can-i-make-a-horizontal-collection-with-left-right-arrows-for-navigation/3013 "2023-06-12T08:52:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![D-EFFCON](https://avatars.discourse-cdn.com/v4/letter/d/aeb1de/32.png) [@D-EFFCON](https://community.weweb.io/u/D-EFFCON)\
**Post date:** [June 12, 2023, 8:52am UTC](https://community.weweb.io/t/how-can-i-make-a-horizontal-collection-with-left-right-arrows-for-navigation/3013/1 "2023-06-12T08:52:49Z")

</div>

Hello there,

I’m trying to do something similar to Stream+ of having a horizontal collection like below

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/03b6cf695bcf06d6cbe924f05ce11a4f4ee5a264.jpeg)

But instead of a horizontal scroll bar, just a left and right button that would smooth scroll.

The idea is that when I click the right button it would grab more images from the database.

Any ideas on how to do that? I managed to get my collection horizontal, but couldn’t see how to provide a scroll bar to see all items, or a pagination that leave the loaded images untouched and just bring more in.

I’m hoping I’m making sense! haha

---

<div class="post-metadata">

**Author:** ![Osman](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/osman/32/3225_2.png) [@Osman](https://community.weweb.io/u/Osman)\
**Post date:** [June 12, 2023, 12:56pm UTC](https://community.weweb.io/t/how-can-i-make-a-horizontal-collection-with-left-right-arrows-for-navigation/3013/2 "2023-06-12T12:56:03Z")

</div>

You can achieve this through the ‘infinite slider’ element. Then you should be able to turn off the autoplay and add navigation arrows in its properties.