Customize the web layout for a work item type (Inheritance process)

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

Work items are the backbone for planning and tracking work. As such, you'll want to make sure that each work item type (WIT) is tracking the data that your team needs.

To support your work tracking requirements, you can customize each WIT to add custom groups to collect custom fields that you add under a common section. You can organize your forms by placing logically related groups and HTML fields on separate pages within a form to minimize clutter on any one page within the form.

For example, the following form shows that two custom pages have been added, Impact and Mitigation. In addition, several new groups and fields have been added to the Details page.

Once you've added a custom page or group, you can add custom fields to those pages or groups. To learn more about what you can customize, see About process customization and inherited processes.

Prerequisites

Prior to customizing a process, we recommend that you review Configure and customize Azure Boards, which provides guidance on how to customize Azure Boards to meet your business needs. For a description of the different backlogs and boards, see Tasks supported by Backlogs, Boards, Taskboards, and Plans.

Add a custom group

You can add your own custom groups to both inherited pages and custom pages.

1. From the Layout page, choose New group.

   

   If the New field and other options are disabled, you don't have the necessary permissions to edit the process. See Set permissions and access for work tracking, Customize an inherited process.

2. Name the group and choose the column it should appear in. For information about columns, see About process customization and inherited processes, Layout and resizing.

   

3. (Optional) Once you've added the group, you can drag and drop the group into any column or within the column, or select the Move Up or Move Down options from the group's … context menu.

Delete or remove a custom group

Before you remove a group, first move all fields defined in that group to another group or remove them from the form.

Choose the Remove option from the custom group … context menu.

Move a field

Within a page, you can quickly drag-and-drop a field to a new group or section within the page.

To move a field to another page, choose Edit from the field's … context menu and then choose the Page from the menu. Optionally, select an existing group or create a new group.

Here we move the Customer ticket field to the Details page and the Customer focus group.

Remove a field from a form

You can only remove custom fields from a form. For inherited fields, you can hide them from showing on the form. To learn more, see Customize a field for a process, Show, hide, or remove a field.

Add a custom page

Add a custom page when you have several custom fields that you want to group within that page. You can add and reorder custom pages.

1. From the Layout page of the WIT you've selected, click New page.

   

2. Label the page.

   

3. Edit the page to add fields or groups.

4. When you've finished adding groups and fields to the page, verify your layout is as expected. Refresh your browser and open a work item of the type you just customized.

   

Reorder pages

You can reorder custom pages using drag and drop, or choose the move operation from the custom page … context menu. You can't move the inherited Details page.

Delete a page

Before you delete a page, you'll want to move any fields that your team still uses to another page.

Choose the Delete option from the custom page … context menu.

Related articles

• Add or modify a custom work item type
• Add and manage fields
• Add extensions and custom controls to a work item type
• Customize a project using an inherited process
• Customize cards on boards