# Change inputs from vertical to horizontal

**URL:** <https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594>\
**Category:** Ask for Help\
**Created:** [November 29, 2025, 9:38am UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594 "2025-11-29T09:38:54Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Note-Dog](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/note-dog/32/80773_2.png) [@Note-Dog](https://community.glideapps.com/u/Note-Dog)\
**Post date:** [November 29, 2025, 9:38am UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/1 "2025-11-29T09:38:54Z")

</div>

![Captura de pantalla 2025-11-29 043227](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/0/60e8ec1cd9c8bf5855a4945f5410ff0a02b4dcf8.png)

Hi, I have a question.  
In my Glide app, my input fields are showing **vertically (one below the other)**.

What I need is for these fields (they are numeric entries with a maximum of 3 digits) to be displayed **horizontally** , all in one line, like small boxes next to each other.

Does anyone know which component or setting I should use to switch from vertical to horizontal?  
I’m attaching two reference images:  
1️⃣ How it currently looks (vertical)  
2️⃣ How I need it to look (horizontal, small, and editable)

Thanks for the help 🙏

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 29, 2025, 10:55am UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/2 "2025-11-29T10:55:49Z")

</div>

Surely you’ve already tried wrapping them inside a container, right?  
This is a styling issue, and it can only be solved with custom CSS.

---

<div class="post-metadata">

**Author:** ![Note-Dog](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/note-dog/32/80773_2.png) [@Note-Dog](https://community.glideapps.com/u/Note-Dog)\
**Post date:** [November 29, 2025, 10:30pm UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/3 "2025-11-29T22:30:43Z")

</div>

Yes, I tried putting them inside a container, but on the mobile view they still appear vertically.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 29, 2025, 10:35pm UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/4 "2025-11-29T22:35:37Z")

</div>

Does your plan support custom CSS?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 30, 2025, 6:59pm UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/5 "2025-11-30T18:59:28Z")

</div>

Using CSS will definitely solve it if your plan allows for it. Otherwise, you could always use an AI component and have it right to all four fields.

---

<div class="post-metadata">

**Author:** ![jb\_1mprove](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jb_1mprove/32/92375_2.png) [@jb\_1mprove](https://community.glideapps.com/u/jb_1mprove)\
**Post date:** [November 30, 2025, 9:14pm UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/6 "2025-11-30T21:14:31Z")

</div>

Don’t have much to add, since solid advice has been given already. Just this: performance-wise my advice would be this: fix it using css rather than using the custom component.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [January 5, 2026, 6:05am UTC](https://community.glideapps.com/t/change-inputs-from-vertical-to-horizontal/85594/7 "2026-01-05T06:05:03Z")

</div>

I’d have a preference for the AI custom component 🙂

Even better, it would be nice if Glide added a configuration option such as “vertical stacking” or “horizontal stacking".