# Format submitt button forms container

**URL:** <https://community.glideapps.com/t/format-submitt-button-forms-container/69523>\
**Category:** Ask for Help\
**Created:** [January 13, 2024, 12:56am UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523 "2024-01-13T00:56:11Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![QuaintPepper](https://avatars.discourse-cdn.com/v4/letter/q/8baadc/32.png) [@QuaintPepper](https://community.glideapps.com/u/QuaintPepper)\
**Post date:** [January 13, 2024, 12:56am UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/1 "2024-01-13T00:56:11Z")

</div>

Hi All,

I want to build a custom form and use the forms container. The container gives me a submit button, but it is only half of the viewport width, which looks kind of weird on mobile. I tried to change it to a button component, but the form validation (required fields) did not work.

Is there any way to change the width of the submit button that is included default in the forms container or any other way to preserve the validation when using just some fields and a button?

Some help would be great since I can’t figure it out myself.

---

<div class="post-metadata">

**Author:** ![ibrahim17](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ibrahim17/32/69140_2.png) [@ibrahim17](https://community.glideapps.com/u/ibrahim17)\
**Post date:** [January 13, 2024, 9:10am UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/3 "2024-01-13T09:10:59Z")

</div>

Form container button size I don’t think can be changed.

---

<div class="post-metadata">

**Author:** ![QuaintPepper](https://avatars.discourse-cdn.com/v4/letter/q/8baadc/32.png) [@QuaintPepper](https://community.glideapps.com/u/QuaintPepper)\
**Post date:** [January 13, 2024, 10:03am UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/4 "2024-01-13T10:03:39Z")

</div>

You can’t disable a button based on if the other fields är filled?

---

<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:** [January 13, 2024, 1:22pm UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/5 "2024-01-13T13:22:36Z")

</div>

> [@QuaintPepper](#):
>
> I want to build a custom form and use the forms container.

These are two different things… either you build a custom form OR you use a form container.

It sounds like you want to build a custom form… with a custom form you could restrict the submit and the look of the button.

A custom form is just some user specific columns, entry components, and a button.

---

<div class="post-metadata">

**Author:** ![QuaintPepper](https://avatars.discourse-cdn.com/v4/letter/q/8baadc/32.png) [@QuaintPepper](https://community.glideapps.com/u/QuaintPepper)\
**Post date:** [January 13, 2024, 3:08pm UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/6 "2024-01-13T15:08:20Z")

</div>

Thanks Eric. That sounds like the thing I want to do. Is it possible that you could give me a hint where to begin.

I read this: [Forms | Glide Docs](https://www.glideapps.com/docs/forms) and that did not do the trick since I could not style the button

---

<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:** [January 13, 2024, 3:11pm UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/7 "2024-01-13T15:11:42Z")

</div>

> [@QuaintPepper](#):
>
> Is there any way to change the width of the submit button that is included default in the forms container

If you’re on Business/Enterprise, you might want to try exploring CSS for that.

Else, you would have to use a custom form and validate the form yourself.

> [@How do I create a custom form?](https://community.glideapps.com/t/how-do-i-create-a-custom-form/25014):
>
> I’m just dropping this here so I have something to refer people to when they ask. This is a simple concept app (copyable), that demonstrates the following techniques: Building custom forms for adding and editing list items (as an alternative to the native forms provided by Glide) Preventing duplicate new entries using [User Specific Columns](https://docs.glideapps.com/all/reference/data-editor/user-specific-columns) and [Relations](https://docs.glideapps.com/all/reference/data-editor/computed-columns/relation-column) Enforcing mandatory input items The use of visibility conditions and user specific booleans to control user flow There is nothing particular…

---

<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:** [January 20, 2024, 3:12pm UTC](https://community.glideapps.com/t/format-submitt-button-forms-container/69523/8 "2024-01-20T15:12:23Z")

</div>

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