---
title: "Overview of Updatable Form Settings"
description: "Learn how you can customize your updatable forms and filter records"
url: https://help.stackby.com/en/articles/135-overview-of-updatable-form-settings
collection: "Advanced Form Features"
updated: 2025-06-28
language: en
---

# Overview of Updatable Form Settings

Learn how you can customize your updatable forms and filter records

In this article, we will be going through each and every option provided in the Update Form Settings of [Update Form Layout.](https://help.stackby.com/en/articles/140-guide-to-creating-updatable-forms.md)

1.  General Tab
    
2.  Style Tab
    
3.  Layout Tab
    
4.  Submission Tab
    

### 🔧 **General Tab Options**

1\. Keep form header in center

-   **Description**: Aligns the form's title and description to the center.
    

2\. Password Submit Warning ✅ _(Enabled in the screenshot)_

-   **Description**: Displays a warning if the form detects that a user is attempting to enter sensitive information like passwords.
    

3\. Set Filter Condition

-   **Description**: Allows you to apply **conditions or filters** to the form, so only rows that meet certain criteria are shown or linked.
    

![](https://staticfiles.gleap.io/helparticle/20250628103234_0542.png)

* * *

### 🎨 Style Tab

This section helps you customize your form’s look and feel.

<table data-id="ca63bd0c-cbc3-4dc7-bf59-1bf0fd7ea61d" style="min-width: 50px;"><colgroup><col style="min-width: 25px;"><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="a92bbde6-ff76-48ae-8333-2adc4e93f01d" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong>Setting</strong></span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="06fdc1bb-2db4-40f4-bf2b-f4ba6a535241" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong>Description</strong></span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="6b5c4d2e-5822-4d97-8a64-dfd29cd586f9" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Background Color</span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="68c7cfb0-f646-477b-a002-80f6110d0367" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Choose from a palette of colors or disable background color.</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="fbfbbea2-764b-4e48-b9c3-b1f672ae7a5d" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Color Scheme</span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="e14477cd-0c90-4bec-b9d3-89e8e5064abb" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Customize form text color and background combinations.</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="b334dc9a-3080-45ca-b2fc-fdb031cc9553" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Page Image / Form Image</span></p><p data-id="8793ecc3-45db-483d-a5de-21086a35aa35" style="text-align: left;"></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="e0f9adf0-9d3b-42e7-9f44-47c718d0a385" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Upload a header or background image to brand your form.</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="b9d7115a-2b51-436a-a47b-d8b039d78ce2" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Form Width</span></p><p data-id="026e2f4c-2609-4b46-b58e-13cda49472d7" style="text-align: left;"></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="1f8b4f64-0503-49aa-ad1d-1683c7053f92" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Set the total width of the form in pixels (e.g., 750px).</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="06fb2a47-ecca-483a-9ed8-833f2ff946dc" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Question Spacing</span></p><p data-id="94e3df3e-0c92-4ffe-a382-3dc9d3b81cc8" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Label Width</span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="e8b516b9-5408-4c44-90f8-59fc0b3d945e" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Adjust vertical spacing between questions.</span></p><p data-id="ed0ac7b6-09c3-47d7-a1b9-43b03ca2aeba" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Set how wide labels appear beside fields (useful with left-aligned labels).</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="06a77dd5-d6d9-4ee9-bfc6-6a93bac936ee" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Font / Font Size / Header Font</span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="88178246-5597-48d8-afe6-75a7f3456e46" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Customize font style and size for body and headers.</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="62158a8f-517c-435d-bdd2-7b849ab6fef1" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Label Alignment</span></p><p data-id="88e9b755-0e60-4ded-9d73-97549840becb" style="text-align: left;"></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="f4e80fb2-ede5-4dd7-a377-d3c33c6d50d4" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Position labels (Top, Left, or Right of input&nbsp; fields).</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="def0c59c-decc-4d9f-a146-65a379243137" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Form Color / Font Color</span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="765af4aa-7a06-48c2-b6b2-124cf825df2f" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Set the background color and text color of the entire form.</span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="0cc03ba8-316c-462a-9c8e-1060430f2908" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Input Background</span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="5a3954ec-f435-4d33-bd79-b0a5cf4668d7" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Set the background color of input fields.</span></p></td></tr></tbody></table>

![](https://staticfiles.gleap.io/helparticle/20250628103334_4035.png)![](https://staticfiles.gleap.io/helparticle/20250628103423_9083.png)

* * *

### 🧩 Layouts Tab

Choose how your form is structured.

<table data-id="1ab177a8-6faa-497b-8470-79354f7b3d43" style="min-width: 50px;"><colgroup><col style="min-width: 25px;"><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="2bfe726b-382e-482f-bb37-2fb46f3bbae2" style="text-align: center;"><span style="color: rgb(0, 0, 0);"><strong>Setting</strong></span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="b8549fef-836c-4259-88a1-721ac4a406ec" style="text-align: center;"><span style="color: rgb(0, 0, 0);"><strong>Description</strong></span></p></td></tr><tr><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="bf45a38f-27f5-46d0-ad3e-b2ba85fdf27d" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong>Make this two-column layout</strong></span></p></td><td colspan="1" rowspan="1" style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; border-width: 1pt; border-style: solid; border-color: #000000;"><p data-id="f06d4e9f-4229-4757-b60a-7c0d89447b92" style="text-align: left;"><span style="color: rgb(0, 0, 0);">Splits the form into two columns – ideal for wider screens or compact forms.</span></p></td></tr></tbody></table>

![](https://staticfiles.gleap.io/helparticle/20250628103539_8935.png)

* * *

### 🔐 **Sumission Tab**

When this toggle is **enabled**, users **must enter a password** before they can access and fill out the form.

It adds an **extra layer of security** to restrict form access only to authorized users.

![](https://staticfiles.gleap.io/helparticle/20250628103619_0036.png)
