# Horizontal reorderable list

**URL:** <https://community.weweb.io/t/horizontal-reorderable-list/20689>\
**Category:** How do I?\
**Created:** [January 22, 2026, 8:39pm UTC](https://community.weweb.io/t/horizontal-reorderable-list/20689 "2026-01-22T20:39:48Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [January 23, 2026, 12:59pm UTC](https://community.weweb.io/t/horizontal-reorderable-list/20689/2 "2026-01-23T12:59:38Z")

</div>

Hi @Mevan , welcome back 👋

Congrats on trying many solutions, you were close!

You just need to add custom CSS to your list: `display: flex; gap: 8px;` or `flex-direction: row;`

 ![Screenshot 2026-01-23 at 09.55.48](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2dd360ac53216b695a86e9d58031efb1093013b6.png)

I got the solution from these 2 posts:

> [@Form items inside a Reorder list](https://community.weweb.io/t/form-items-inside-a-reorder-list/18436):
>
> I have a form with an images section. I’ve put these images in the native Reorder List (with custom css to make it horizontal). I want to use the item.index’s and pass those as sortOrder when submitting the form, but I also want to use the checkbox so users can select which items they want to include in this specific submission. Problem: When clicking the checkbox inside the reorder list, nothing happens / gets logged. When I place it outside the list (as you can see in the screenshot) I get a…

> [@Stackable list - is it possible to make the options horizontal and allow wrap?](https://community.weweb.io/t/stackable-list-is-it-possible-to-make-the-options-horizontal-and-allow-wrap/7588/7):
>
> I achieved it with this CSS as well (flex uses row direction by default): display: flex; gap: 8px;

---

_[View the full topic](https://community.weweb.io/t/horizontal-reorderable-list/20689)._
