# Glide Pages containers 2 columns in form

**URL:** <https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956>\
**Category:** Ask for Help\
**Created:** [October 31, 2022, 7:21am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956 "2022-10-31T07:21:14Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rayo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rayo/32/91372_2.png) [@rayo](https://community.glideapps.com/u/rayo)\
**Post date:** [October 31, 2022, 7:21am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/1 "2022-10-31T07:21:14Z")

</div>

Just to confirm, container columns do not appear in forms or overlay screens in pages?

Its not possible to create a form with 2 input fields next to each other?

---

<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:** [October 31, 2022, 7:24am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/2 "2022-10-31T07:24:33Z")

</div>

You can’t do it with a Form Container, but you can if you use a standard form screen.

---

<div class="post-metadata">

**Author:** ![rayo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rayo/32/91372_2.png) [@rayo](https://community.glideapps.com/u/rayo)\
**Post date:** [October 31, 2022, 7:38am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/3 "2022-10-31T07:38:54Z")

</div>

you mean if the screen is full width?  
I’m just looking to create 2 columns in overlay forms or slide in screens

---

<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:** [October 31, 2022, 7:49am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/4 "2022-10-31T07:49:46Z")

</div>

No, I mean it can’t be done inside a Form Container component…

![Screen Shot 2022-10-31 at 3.45.28 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/7/f7560fdf6da03678923851b036567b5b6a7c7157.png)

But you can do it just about anywhere else. Of course, if you use a 1:1 container inside a slide out overlay, you’ll probably get the two panels arranged vertically. Because Pages are responsive, you can’t really guarantee that your container panels will always remain side by side. As the screen width narrows, they’ll always eventually wind up one on top of the other at some point.

---

<div class="post-metadata">

**Author:** ![rayo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rayo/32/91372_2.png) [@rayo](https://community.glideapps.com/u/rayo)\
**Post date:** [October 31, 2022, 7:50am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/5 "2022-10-31T07:50:55Z")

</div>

They wind up one on top of the other at all points in the editor, even when they are empty or have a text field of 1 letter. unless the issue is from my view.

---

<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:** [October 31, 2022, 7:54am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/6 "2022-10-31T07:54:05Z")

</div>

Yeah, I think if you use an overlay or slide in, that will probably always be the case.

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 6, 2023, 6:43pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/7 "2023-07-06T18:43:02Z")

</div>

I am currently trying to use the Container component to add 2 buttons side by side that go to different tabs in my app but no matter how wide I make the screen or narrow the buttons are they are not side by side…am I missings something?

---

<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:** [July 6, 2023, 6:51pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/8 "2023-07-06T18:51:25Z")

</div>

How many columns does your container have?  
If you use a two column container and put one button in each column, they should appear side by side in desktop view.

---

<div class="post-metadata">

**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\
**Post date:** [July 6, 2023, 6:56pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/9 "2023-07-06T18:56:30Z")

</div>

> [@pipharvester](#):
>
> I am currently trying to use the Container component to add 2 buttons side by side

Hi! May be better to use button block for this. It completely shows side by side 2 buttons on any types of screen. No?

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 6, 2023, 6:59pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/10 "2023-07-06T18:59:26Z")

</div>

I have added a new screen and then added the container component with 2 columns and then added a button in each and even when I change to the desktop they are above each other.

---

<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:** [July 6, 2023, 7:01pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/11 "2023-07-06T19:01:24Z")

</div>

Can I see a screenshot from the builder layout please?

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 6, 2023, 7:02pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/12 "2023-07-06T19:02:23Z")

</div>

I knew you would want that and here it is…thanks in advance!

 ![2 column issue.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/0/40d631fb916d07308b1c34fe361aff4a3b336d26.jpeg)

---

<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:** [July 6, 2023, 7:04pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/13 "2023-07-06T19:04:37Z")

</div>

![CleanShot 2023-07-07 at 03.03.45@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/8/e86571fccd632717ffb32420d7d669d460692fa8.jpeg)

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 6, 2023, 7:10pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/14 "2023-07-06T19:10:25Z")

</div>

seems to be same results. I deleted and readded both container and buttons…

 ![2a column issue.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/9/698a0b07b9059aeaa68b82cbe6b2ded5f21b4268.jpeg)

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 6, 2023, 7:52pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/15 "2023-07-06T19:52:31Z")

</div>

Can I add some color to the buttons in some way because there does not seem to be an option for that?

---

<div class="post-metadata">

**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\
**Post date:** [July 6, 2023, 8:08pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/16 "2023-07-06T20:08:23Z")

</div>

Looks like a bug  
If you want customized buttons so you need to use rich text component and place some html in to, to arrange.  
or use CSS on Business plan.

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 6, 2023, 8:27pm UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/17 "2023-07-06T20:27:54Z")

</div>

Going to use the button block and will live with no color for now…like the side by side for saving space on menu option buttons. Thanks for the input!

---

<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:** [July 7, 2023, 2:06am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/18 "2023-07-07T02:06:15Z")

</div>

Works for me 🤷‍♂️

 ![CleanShot 2023-07-07 at 10.05.00@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/f/ef226953e1c86b36d2719260f37d6764cc69b64f.jpeg)

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 7, 2023, 4:04am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/19 "2023-07-07T04:04:21Z")

</div>

I had tried it several times and it would not but now when I go do it of course it will work but the issue, as you mentioned previously, is that in mobile mode they end up on top of each other due to being Responsive. Thanks for the follow up and not sure what was going on…but you are correct that as of 11pm CST in Texas now…it worked! The only bummer with the Button Block is there is not a color to both buttons ;-(

---

<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 7, 2023, 4:17am UTC](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956/20 "2023-07-07T04:17:10Z")

</div>

Maybe not exactly what you want, but a button block with a Tiles style will give you color on both buttons.

[Next page](https://community.glideapps.com/t/glide-pages-containers-2-columns-in-form/52956.md?page=2)
