Skip to content

Latest commit

 

History

History
152 lines (94 loc) · 7.45 KB

File metadata and controls

152 lines (94 loc) · 7.45 KB
title Customize the web form to an inherited process
titleSuffix Azure DevOps Services
description Customize the web form for a work item type and Inheritance process model for a project
ms.custom inherited-process
ms.service azure-devops-boards
ms.assetid E0AACC40-9A9E-4A48-A1D7-1CE70D53EEA8
ms.author chcomley
author chcomley
monikerRange <=azure-devops
ms.topic how-to
ms.date 03/24/2026
ai-usage ai-assisted

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

[!INCLUDE version-lt-eq-azure-devops]

Work items are the backbone for planning and tracking work. As such, make sure each work item type (WIT) tracks the data your team needs.

[!INCLUDE temp]

To support your work tracking requirements, customize each WIT to add custom groups for collecting custom fields under a common section. 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 you added two custom pages, Impact and Mitigation. In addition, you added several new groups and fields to the Details page.

Customized user story form

After you add 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

[!INCLUDE temp]

[!INCLUDE temp]

[!INCLUDE temp]

Add a custom group

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

  1. From the Layout page, select New group.

    Process>Work Item Types>Bug>Layout>Add 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. Enter a name for the group and choose the column where it should appear. For information about columns, see About process customization and inherited processes, Layout and resizing.

    Add custom group dialog

  3. (Optional) After you add the group, you can drag and drop the group into any column or within the column. You can also 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, move all fields defined in that group to another group or remove them from the form.

Tip

You must remove all fields from a group for the Remove option to appear.

Select the Delete icon Remove option from the custom group … context menu.

Note

When you hide all fields in an inherited group, the inherited group itself doesn't appear on the form.

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.

In the following example, you move the Customer ticket field to the Details page and the Customer focus group.

Edit field dialog, Move field to custom 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. For more information, 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 your selected WIT, select New page.

    [!div class="mx-imgBorder"]
    Process, Work Item Types, Bug: Layout, New page option

  2. Label the page.

    Process, Work Item Types, Bug: Layout, Add a page to bug dialog

  3. Edit the page to add fields or groups.

  4. When you finish 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.

    [!div class="mx-imgBorder"]
    Bug work item form, Custom page

Reorder pages

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

Re-order custom pages

Delete a page

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

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

Note

Deleting a page doesn't delete any data. Once you define data for a field, the data stays in the data store and work item history, even if you remove the field from the form. You can always add the field back by choosing New field and selecting Use an existing field.

Related content

[!INCLUDE temp]