--- title: Customize your form layout in Table Builder description: Visually design the look of the forms your users see by customizing form views in Table Builder. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/application-development/form-builder-glide-family-release/customize-form-layout.html release: australia product: Form Builder \(Glide Family Release\) classification: form-builder-glide-family-release topic_type: task last_updated: "2026-03-12" reading_time_minutes: 3 breadcrumb: [Forms in Table Builder, Using Table Builder, Table Builder, Builder library, Developing your application, Building applications] --- # Customize your form layout in Table Builder Visually design the look of the forms your users see by customizing form views in Table Builder. ## Before you begin - Launch Table Builder. For more information, see [Accessing Table Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/form-builder-glide-family-release/accessing-form-builder.md). - \(Optional\) Choose a domain to work within \(if not global\). For more information, see [Domain separation and Table Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/form-builder-glide-family-release/form-builder-domain-separation.md). - \(Optional\) Choose an application scope to work within \(if not global\). For more information, see [Using an application scope with Table Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/form-builder-glide-family-release/fb-application-scope.md). **Note:** To understand how to approach customizing your forms, review [Table Builder workflow and navigation](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/form-builder-glide-family-release/form-builder-workflow.md). Role required: personalize\_form or AES user role and delegated developer permissions. For more information, see [Delegate developers using AES](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/app-engine-studio/aes-app-dev-workflow.md). ## Procedure 1. Navigate to the **Forms** tab in Table Builder. 2. Choose a view to work with. For detailed information on how to choose a view for a form, see [Choose a form view in Table Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/form-builder-glide-family-release/manage-form-views.md). 3. Customize the form layout that displays in the form editor by performing the following actions.
| Option | Action |
|---|---|
| **Add form sections** | 1. To display a list of layout components that you can add to the form, select **Components** in the Add form elements panel. 2. Select **Section**, and then drag the section to the desired location above or below any existing sections on the form. 3. Enter a title for the section. **Note:** You can also add a new section from within the form editor by pointing to the **+** icon at the top of an existing section, and then selecting **+Add section** or by using the menu in the section header. |
| **Configure section layout \(columns\)** | Change the layout of your section. Sections can consist of one column or be split into two columns. 1. Select a section in the form editor. 2. Change the column layout via one of the following methods: - From the Section panel, select **One-column** or **Two-column**. - From the section header menu, select **One-column** or **Two-column**. |
| **Merge section with the section above** | Merge two sections. Merging a section refers to combining two sections together with a single section title. A merge is useful when you want to have a single section with two different column layouts.1. In the form editor, select a section. 2. Merge the selected section with the section above via one of the following methods: - In the section header, select the Additional actions \(**\|**\) menu, and then select **Merge with section above**. - From the section panel, select **Merge with section above**. |
| **Detach section** | Detach a section. You can split two previously merged sections apart into separate elements again. 1. In the form editor, select a previously merged section. 2. Detach the selected section via one of the following methods: - In the section header, select the Additional actions \(**\|**\) menu, and then select **Detach from section above**. - From the section panel, select **Detach from section above**. |
| **Remove section from form** | 1. In the form editor, select a section. 2. Remove the selected section from the form view via one of the following methods: - On the top right of the section header, select the Trash icon. - To remove the section from the form view, in the section header, select the Additional actions \(**\|**\) menu, and then select **Delete section**. |