# Add item has container, but does not respect columns

**URL:** <https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278>\
**Category:** Ask for Help\
**Created:** [November 30, 2023, 10:21pm UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278 "2023-11-30T22:21:27Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)\
**Post date:** [November 30, 2023, 10:21pm UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/1 "2023-11-30T22:21:27Z")

</div>

Hi, I added a container to my “add item” screen, but it does not seem to respect columns. I’d like the checkboxes to show side-by-side.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/f/bfc0288e2b0be0de617fe9e28456575c6e6150d6.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/9/49c18c65c04874b4f42a653fa7cc33ed2ed47edd.png)

---

<div class="post-metadata">

**Author:** ![AdamMartin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adammartin/32/66650_2.png) [@AdamMartin](https://community.glideapps.com/u/AdamMartin)\
**Post date:** [December 1, 2023, 12:47am UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/2 "2023-12-01T00:47:08Z")

</div>

Layout is automatically applied based on device size. Not clear when you choose the number of columns. But they will automatically stack if device screen size is smaller.

---

<div class="post-metadata">

**Author:** ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)\
**Post date:** [December 1, 2023, 1:51am UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/3 "2023-12-01T01:51:09Z")

</div>

> [@AdamMartin](#):
>
> based on device size

I thought the same, but these screen clips are from a full-size monitor.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 1, 2023, 2:09am UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/4 "2023-12-01T02:09:25Z")

</div>

Are you using the default Slide-In target for your Add Item?  
Containers will always stack in a slide-in, regardless of screen size.  
If you want this setup in a Form, you’d need to change the target to one of Current, Main or Overlay.

---

<div class="post-metadata">

**Author:** ![AdamMartin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adammartin/32/66650_2.png) [@AdamMartin](https://community.glideapps.com/u/AdamMartin)\
**Post date:** [December 1, 2023, 2:12am UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/5 "2023-12-01T02:12:01Z")

</div>

You still have the layout editor active… use the icon (double arrows) on top right of editor to expand the app to full size.

 ![Screen Shot 2023-12-01 at 3.09.42 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/4/d48bb267d617a4e0423a0ea9c13f792deefda0eb.png)

---

<div class="post-metadata">

**Author:** ![AdamMartin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adammartin/32/66650_2.png) [@AdamMartin](https://community.glideapps.com/u/AdamMartin)\
**Post date:** [December 1, 2023, 2:12am UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/6 "2023-12-01T02:12:45Z")

</div>

Good point on the slide in.

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 1, 2023, 3:28am UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/7 "2023-12-01T03:28:05Z")

</div>

Here’s a hack to get things side by side on mobile/ side in.

Create a two row helper table and add a column with (1,2)

Add a custom collection (Layout Grid - Size Medium) to your screen where the Source of the custom collection is the new 2 row table.

Put two components inside the custom collection… set the visibility condition of the first component when helper table = 1. And for the second component when helper table = 2.

---

<div class="post-metadata">

**Author:** ![HeartwoodTreeCo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/heartwoodtreeco/32/8150_2.png) [@HeartwoodTreeCo](https://community.glideapps.com/u/HeartwoodTreeCo)\
**Post date:** [July 5, 2025, 3:09pm UTC](https://community.glideapps.com/t/add-item-has-container-but-does-not-respect-columns/68278/8 "2025-07-05T15:09:28Z")

</div>

Thanks! This worked for me to display columns for choice components on an overlay when nothing else would. 🎉
