Create form annotations in Table Builder
Add instructional text and other design elements to your forms by using form annotations in Table Builder.
Before you begin
- Launch Table Builder. For more information, see Accessing Table Builder.
- (Optional) Choose a domain to work within (if not global). For more information, see Domain separation and Table Builder.
- (Optional) Choose an application scope to work within (if not global). For more information, see Using an application scope with Table Builder.
Note: To understand how to approach customizing your forms, review Table Builder workflow and navigation.
Role required: personalize_form or AES user role and delegated developer permissions. For more information, see Delegate developers using AES.
Procedure
-
Navigate to the Forms tab in Table Builder.
-
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.
-
To display a list of the available components that you can add to your form view, in the Add form elements panel, select Components.
Note: You can also launch the Add form elements panel by clicking the Add ([Omitted image "fb-add-icon.png"] Alt text: Add icon.) icon above an existing element in the form editor.
-
Select the Annotation elements, and then drag it to the location in the form editor where you'd like to position the annotation text as shown in the following example.
[Omitted image "fb-annotation-drag.gif"] Alt text: Add annotation.
-
Select the Annotation type.
Annotation type Description Info Box Blue Blue box that surrounds the entered text. Info Box Red Red box that surrounds the entered text. Line Separator Line separator inside a section. Plain Text Text that is entered as plain text. Section Details Text that is entered as section details. Section Plain Text Text that is entered as plain text in a section. Section Separator Line separator between sections. Text Text that is entered as text. -
Select an option for Annotation text.
|
Annotation text option |
Description |
|---|---|
|
Plain text |
Text that is entered renders on the form as plain text. |
|
Rich text |
Rich text. When you point to the text box below, an Edit rich text icon is displayed. Select this icon to launch a rich text editor window where you can adjust the basic properties for the text that you want to display on the form such as:- Font size
|
- Select Save.
Parent Topic:Forms in Table Builder
---
title: Create form annotations in Table Builder
description: Add instructional text and other design elements to your forms by using form annotations in Table Builder.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/application-development/form-builder-glide-family-release/create-form-annotations.html
release: brazil
product: Form Builder \(Glide Family Release\)
classification: form-builder-glide-family-release
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 3
breadcrumb: [Working with forms, Use, Table Builder, Builder library, Developing your application, Classic app development, Building applications]
---
# Create form annotations in Table Builder
Add instructional text and other design elements to your forms by using form annotations in Table Builder.
## Before you begin
- Launch Table Builder. For more information, see [Accessing Table Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/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/brazil/markdown/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/brazil/markdown/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/brazil/markdown/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/brazil/markdown/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/brazil/markdown/application-development/form-builder-glide-family-release/manage-form-views.md).
3. To display a list of the available components that you can add to your form view, in the Add form elements panel, select **Components**.
**Note:** You can also launch the Add form elements panel by clicking the Add \(\[Omitted image "fb-add-icon.png"\] Alt text: Add icon.\) icon above an existing element in the form editor.
4. Select the **Annotation** elements, and then drag it to the location in the form editor where you'd like to position the annotation text as shown in the following example.
\[Omitted image "fb-annotation-drag.gif"\] Alt text: Add annotation.
5. Select the **Annotation type**.
|Annotation type|Description|
|---------------|-----------|
|**Info Box Blue**|Blue box that surrounds the entered text.|
|**Info Box Red**|Red box that surrounds the entered text.|
|**Line Separator**|Line separator inside a section.|
|**Plain Text**|Text that is entered as plain text.|
|**Section Details**|Text that is entered as section details.|
|**Section Plain Text**|Text that is entered as plain text in a section.|
|**Section Separator**|Line separator between sections.|
|**Text**|Text that is entered as text.|
6. Select an option for **Annotation text**.
<table id="choicetable_ttw_vx3_fsb"><thead><tr><th align="left" id="d217377e317">
Annotation text option
</th><th align="left" id="d217377e320">
Description
</th></tr></thead><tbody><tr><td id="d217377e326">
**Plain text**
</td><td>
Text that is entered renders on the form as plain text.
</td></tr><tr><td id="d217377e335">
**Rich text**
</td><td>
Rich text. When you point to the text box below, an Edit rich text icon is displayed. Select this icon to launch a rich text editor window where you can adjust the basic properties for the text that you want to display on the form such as:- Font size
- Font color or background color
- Bold, italic, underline
- Indentation
- List type \(bullet or ordered list\)
- Add hyperlink or remove hyperlink
To show the HTML code that renders on the form, click **Show HTML**, and then click **Apply**.
</td></tr></tbody>
</table>7. Enter the desired annotation text in the field that displays in the Annotation panel.
8. Select **Save**.
**Parent Topic:**[Forms in Table Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/form-builder-glide-family-release/form-view-configuration.md)
| title | Create form annotations in Table Builder |
| description | Add instructional text and other design elements to your forms by using form annotations in Table Builder. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/application-development/form-builder-glide-family-release/create-form-annotations.html |
| release | brazil |
| product | Form Builder \(Glide Family Release\) |
| classification | form-builder-glide-family-release |
| topic_type | task |
| last_updated | 2026-09-10 |
| reading_time_minutes | 3 |
| breadcrumb | Working with formsUseTable BuilderBuilder libraryDeveloping your applicationClassic app developmentBuilding applications |