# Container within a container

**URL:** <https://community.glideapps.com/t/container-within-a-container/75035>\
**Category:** Ask for Help\
**Created:** [July 21, 2024, 1:51am UTC](https://community.glideapps.com/t/container-within-a-container/75035 "2024-07-21T01:51:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dan\_San](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan_san/32/24085_2.png) [@Dan\_San](https://community.glideapps.com/u/Dan_San)\
**Post date:** [July 21, 2024, 1:51am UTC](https://community.glideapps.com/t/container-within-a-container/75035/1 "2024-07-21T01:51:26Z")

</div>

I am trying to create a landing page. 2 columns. The left one has the text/description and the right one has a form.

I tried to use a container, but the issue is that I can not create a form with a submit button, the fields seem to point to the first record in the table.

I see a Form Container element which would work fine, but I cannot add it into the first container so it appears in the right hand side column.

Any suggestions

---

<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 21, 2024, 2:34am UTC](https://community.glideapps.com/t/container-within-a-container/75035/2 "2024-07-21T02:34:18Z")

</div>

> [@Dan\_San](#):
>
> I tried to use a container, but the issue is that I can not create a form with a submit button, the fields seem to point to the first record in the table.

You can create a custom form instead, but make sure you know what table you’re building the screen on top of, and add user-specific columns inside that table.

---

<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:** [July 21, 2024, 2:42am UTC](https://community.glideapps.com/t/container-within-a-container/75035/3 "2024-07-21T02:42:31Z")

</div>

> [@Placing Form Fields Side by Side](https://community.glideapps.com/t/placing-form-fields-side-by-side/74689/13):
>
> /\* Class name is: .formContainer \*/ .formContainer .full \> div \> div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 10px; box-sizing: border-box; } #page-root .formContainer .single-column { --container-x-pad: 0; flex-direction: row; } #page-root .formContainer \> div \> div \> div \> div { padding-left: 24px; flex-direction: row; padding-right: 24px; }

---

<div class="post-metadata">

**Author:** ![Dan\_San](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan_san/32/24085_2.png) [@Dan\_San](https://community.glideapps.com/u/Dan_San)\
**Post date:** [July 21, 2024, 2:57am UTC](https://community.glideapps.com/t/container-within-a-container/75035/4 "2024-07-21T02:57:10Z")

</div>

Hi TD,

I ended up doing that and it works perfectly.

---

<div class="post-metadata">

**Author:** ![Dan\_San](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan_san/32/24085_2.png) [@Dan\_San](https://community.glideapps.com/u/Dan_San)\
**Post date:** [July 21, 2024, 2:58am UTC](https://community.glideapps.com/t/container-within-a-container/75035/5 "2024-07-21T02:58:03Z")

</div>

I really need to invest some time on CSS, it really opens up a whole new world…

thanks H.

---

<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 28, 2024, 2:58am UTC](https://community.glideapps.com/t/container-within-a-container/75035/6 "2024-07-28T02:58:33Z")

</div>

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