5

ServiceNow: Form Layout & Form Design

Understanding the Form interface is as important as the different features of ServiceNow forms. In this chapter, we will focus on what form layouts are, how they are managed, and the use of form designer tools. We will also highlight the best practices for form layout configuration. 

Form Layouts

ServiceNow Form Layout is a list-based, column-based (with Available and Selected field columns), or text-based editor. It’s ideal for quick updates and lets you add or remove fields from a specific section without much visual complexity. 

Form Layouts

Types of Form Layouts

ServiceNow supports multiple layout styles to control how forms are structured. These include:

  • Single column layout: Basic stacked fields for simplicity
  • Two-column layout: Side-by-side fields to improve space usage
  • Tabbed layout: Sections organized under different tabs
  • Split layout: Fields on top, related lists below

Let us understand this by a ServiceNow form layout example:

  • Left column: Short description, Caller, Category
  • Right column: Priority, Assignment Group, Assigned To
  • Below: Work notes and Related List.

Choosing the correct layout helps users focus on the relevant fields for their role.

These types of layouts in servicenow form help tailor different record types and user needs. For longer forms, tabs or collapsible sections keep things clean and usable.

Creating and Managing Form Layouts

You don’t need to build a form from scratch manually. When a new table is created, the form layout in servicenow is automatically generated based on table fields.

To adjust it:

  • Open any record from the table
  • Right-click the form header
  • Choose Configure → Form Layout

It opens a simple editor where you can:

  • Add or remove fields
  • Rearrange field order
  • Create or rename sections
  • Organize how fields are grouped for end users

This method is fast and helpful in managing fundamental changes to the form’s appearance.

Form Design

Form Designer (also known as ServiceNow form builder) offers a drag-and-drop interface with real-time layout control. You can add rows, move sections, drag fields between columns, and configure complex designs.

Using Form Designer in ServiceNow

To access Form Design:

  1. Open a record from any table.
  2. Right-click the form header.
Using Form Designer in ServiceNow

3. Choose Configure → Form Design.

Choose Configure Form Design

This tool lets you:

  • Add new fields in a servicenow form.
  • Create and arrange sections visually.
  • Reorder fields using drag-and-drop.
  • Modify the form structure row by row.

The designer makes form configuration more visual and user-friendly, especially when working with large tables or complex forms.

Configure Forms using Form Layout & Design

Though often used interchangeably, form layout and form design in ServiceNow refer to different ways of configuring the form interface. The major difference between form layout and form design in ServiceNow is:

Feature Form Layout Form Design (Form Builder)>
Tool Used Form Layout Editor Form Designer
Interface Style Simple, list-based Drag-and-drop visual interface
Available in Classic UI Both Classic and Now Experience UIs
Best For Quick field order or section edits Complete form structure and visual organization

Both methods allow you to customize what users see, but form design in servicenow is more intuitive for creating complex or structured forms.

Form Builder

Form Builder combines the best features of Form Designer and Form Layout. It allows users to drag and drop components to add new sections to forms.

Steps to access Form Builder are: 

⇒ Navigate to a form

⇒ Click the form context menu icon and select Configure >> Form Builder.

Choose Configure Form Design

Form Layout Configuration Best Practices

  • Place necessary fields like Short Description, Caller, or State near the top
  • Use clear section names like Assignment, Resolution, or User Details
  • Avoid overcrowding; use tabs or multiple sections where needed
  • Use reference fields instead of free text to enforce data accuracy
  • Keep form layouts consistent across similar record types
  • Use UI policies and Client scripts to enhance interactivity
  • Limit the number of mandatory fields to what’s necessary
  • Keep hidden fields truly hidden unless needed for logic or integration

ServiceNow form configuration improves data quality, accelerates data entry, and enhances the user experience.

Conclusion

Finally, this chapter helped clarify the distinction between form layouts and designs. It focused on defining the types of form layouts you can use, best configuration practices, and how to manage them. 

Lastly, it helps users understand the form designer or builder, making complex, structured forms easier to build.

Next Chapter

Book Free15-Minutes Career Counselling