# Display multiple columns on Layout

**URL:** <https://community.glideapps.com/t/display-multiple-columns-on-layout/64236>\
**Category:** Ask for Help\
**Created:** [July 22, 2023, 12:02am UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236 "2023-07-22T00:02:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Snu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/snu/32/62032_2.png) [@Snu](https://community.glideapps.com/u/Snu)\
**Post date:** [July 22, 2023, 12:02am UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/1 "2023-07-22T00:02:19Z")

</div>

Hi, I am creating a recruiting app and would like to know how I can have multiple column display on my Layout screen like this?

 ![Screenshot 2023-07-22 at 6.28.57 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/0/d00072c159ea526f25917e78968ab908182e65f8.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 22, 2023, 12:38am UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/2 "2023-07-22T00:38:05Z")

</div>

> **[Glide • Container](https://www.glideapps.com/docs/reference/components/container-component)**
>
> Group components together.

Closest thing you can try is a 4-column container.

---

<div class="post-metadata">

**Author:** ![Food2Soil](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/food2soil/32/659_2.png) [@Food2Soil](https://community.glideapps.com/u/Food2Soil)\
**Post date:** [July 24, 2023, 5:58pm UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/3 "2023-07-24T17:58:22Z")

</div>

I am using a container with a 2-column layout. But when I add number entry components inside the container they don’t show up side by side. Is there a restriction on what type of components will work in a side by side layout?

 ![Inked3columnlayout](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/f/6fc4c91acc9cf21a2b7de1f3bfbae14d201b3158.jpeg)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 24, 2023, 6:23pm UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/4 "2023-07-24T18:23:37Z")

</div>

@Food2Soil, you haven’t placed any components into the second column. You have all of them in the first column.

 ![Screenshot_20230724-132232](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/0/b012d8b3bbf55aa992b65bc1b03c9003671c796a.jpeg)

---

<div class="post-metadata">

**Author:** ![Food2Soil](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/food2soil/32/659_2.png) [@Food2Soil](https://community.glideapps.com/u/Food2Soil)\
**Post date:** [July 24, 2023, 6:43pm UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/5 "2023-07-24T18:43:13Z")

</div>

Gotcha! Fixed it (i think) but still doesn’t show side by side.

 ![Inked3columnlayout](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/f/2f595ab3f154a3532e5fb3c034b3a434a94ff8f3.jpeg)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 24, 2023, 7:28pm UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/6 "2023-07-24T19:28:12Z")

</div>

Your screen may not be wide enough. If you do a full screen preview, or reduce the size of the side panels in the builder, then it should look better. If the screen is only wide enough for a mobile screen, or a small tablet, then it’s going to stack the columns vertically no matter what. The multi column layout is most useful if you primarily use the app on a desktop.

---

<div class="post-metadata">

**Author:** ![Food2Soil](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/food2soil/32/659_2.png) [@Food2Soil](https://community.glideapps.com/u/Food2Soil)\
**Post date:** [July 24, 2023, 8:31pm UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/7 "2023-07-24T20:31:36Z")

</div>

Thankyou. It does work on the desktop set to a full screen. Appreciate your help and the clarification.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [July 25, 2023, 8:32pm UTC](https://community.glideapps.com/t/display-multiple-columns-on-layout/64236/8 "2023-07-25T20:32:08Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.
